/** * EasyMDE Icons Fix — Remplacement SVG inline via CSS uniquement * Flatboard 5 — Correctif de compatibilité Font Awesome 6+ / 7 * * PRINCIPE : * Les balises etc. sont conservées intactes dans le DOM * car easymde-init.js s'en sert pour identifier les boutons (tooltips, upload-image). * Ce fichier se contente de : * 1. Masquer le rendu glyphe Font Awesome (font-family: none, color: transparent) * 2. Afficher un SVG via background-image sur l'élément lui-même * * IMPORTANT : ne jamais ajouter ici de règles qui suppriment ou renomment les classes FA. */ /* ═══════════════════════════════════════════════════════════════ 1. RESET DU RENDU FONT AWESOME SUR TOUS LES DE LA TOOLBAR Les sont rendus en bloc carré neutre ; le SVG s'affiche en bg. ═══════════════════════════════════════════════════════════════ */ .EasyMDEContainer .editor-toolbar button i[class*="fa-"], .EasyMDEContainer .editor-toolbar a i[class*="fa-"] { /* Annuler le rendu glyphe FA quelle que soit la version */ font-family: none !important; font-style: normal !important; /* Rendre le caractère unicode invisible sans le supprimer */ color: transparent !important; /* Dimensions fixes pour le SVG background */ display: inline-block !important; width: 1em !important; height: 1em !important; font-size: inherit !important; line-height: 1 !important; vertical-align: -0.125em; /* SVG centré en background */ background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; /* Supprimer tout pseudo-contenu FA résiduel */ speak: never; -webkit-font-smoothing: antialiased; } /* Bloquer aussi les pseudo-éléments ::before / ::after que FA injecte */ .EasyMDEContainer .editor-toolbar button i[class*="fa-"]::before, .EasyMDEContainer .editor-toolbar button i[class*="fa-"]::after, .EasyMDEContainer .editor-toolbar a i[class*="fa-"]::before, .EasyMDEContainer .editor-toolbar a i[class*="fa-"]::after { content: none !important; display: none !important; } /* ═══════════════════════════════════════════════════════════════ 2. COULEUR DES SVG : mode clair / sombre On utilise deux jeux de SVG (noir / blanc) via des data-URI. ═══════════════════════════════════════════════════════════════ */ /* ── Variables locales de couleur ── */ :root { --easymde-icon-color: %23495057; /* #495057 — encodé pour data-URI */ --easymde-icon-color-hover: %23007bff; /* #007bff */ } [data-theme="dark"], [data-bs-theme="dark"] { --easymde-icon-color: %23b0b0b0; --easymde-icon-color-hover: %234a9eff; } /* * NOTE : les data-URI SVG sont répétés en deux blocs (normal / hover+active) * pour gérer la couleur au survol proprement. * Pour simplifier la maintenance, les SVG sont définis avec stroke="PLACEHOLDER" * et ce placeholder est remplacé par la variable de couleur encodée URL. * Comme les custom properties CSS ne s'interpolent pas dans les data-URI, * les deux jeux de couleurs sont hard-codés ici. */ /* ═══════════════════════════════════════════════════════════════ 3. ICÔNES — état normal (couleur texte secondaire) ═══════════════════════════════════════════════════════════════ */ /* Gras */ .EasyMDEContainer .editor-toolbar i.fa-bold { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z'/%3E%3Cpath d='M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z'/%3E%3C/svg%3E"); } /* Italique */ .EasyMDEContainer .editor-toolbar i.fa-italic { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='4' x2='10' y2='4'/%3E%3Cline x1='14' y1='20' x2='5' y2='20'/%3E%3Cline x1='15' y1='4' x2='9' y2='20'/%3E%3C/svg%3E"); } /* Barré */ .EasyMDEContainer .editor-toolbar i.fa-strikethrough { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.3 6.5C16.1 5.2 14.2 4 12 4c-3.3 0-5 1.9-5 4 0 1.2.5 2.2 1.5 2.9'/%3E%3Cpath d='M6.7 17.5C7.9 18.8 9.8 20 12 20c3.3 0 5-1.9 5-4 0-1.2-.5-2.2-1.5-2.9'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E"); } /* Titres (heading) */ .EasyMDEContainer .editor-toolbar i.fa-heading, .EasyMDEContainer .editor-toolbar i.fa-header { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4v16'/%3E%3Cpath d='M18 4v16'/%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E"); } /* Citation */ .EasyMDEContainer .editor-toolbar i.fa-quote-left { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23495057'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z'/%3E%3C/svg%3E"); } /* Code */ .EasyMDEContainer .editor-toolbar i.fa-code { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E"); } /* Lien */ .EasyMDEContainer .editor-toolbar i.fa-link { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); } /* Image (URL) */ .EasyMDEContainer .editor-toolbar i.fa-image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E"); } /* Upload image — après que JS ait remplacé fa-image par fa-cloud-upload-alt */ .EasyMDEContainer .editor-toolbar i.fa-cloud-upload-alt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 16 12 12 8 16'/%3E%3Cline x1='12' y1='12' x2='12' y2='21'/%3E%3Cpath d='M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3'/%3E%3C/svg%3E"); } /* Liste non ordonnée */ .EasyMDEContainer .editor-toolbar i.fa-list-ul { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='9' y1='6' x2='20' y2='6'/%3E%3Cline x1='9' y1='12' x2='20' y2='12'/%3E%3Cline x1='9' y1='18' x2='20' y2='18'/%3E%3Ccircle cx='4' cy='6' r='1.2' fill='%23495057' stroke='none'/%3E%3Ccircle cx='4' cy='12' r='1.2' fill='%23495057' stroke='none'/%3E%3Ccircle cx='4' cy='18' r='1.2' fill='%23495057' stroke='none'/%3E%3C/svg%3E"); } /* Liste ordonnée */ .EasyMDEContainer .editor-toolbar i.fa-list-ol { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' y1='6' x2='21' y2='6'/%3E%3Cline x1='10' y1='12' x2='21' y2='12'/%3E%3Cline x1='10' y1='18' x2='21' y2='18'/%3E%3Cpath d='M4 5h1v4' stroke='%23495057' stroke-width='1.5' fill='none'/%3E%3Cpath d='M4 9h2' stroke='%23495057' stroke-width='1.5'/%3E%3Cpath d='M6 17H4c0-1 2-2 2-3s-1-1.5-2-1' stroke='%23495057' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); } /* Effacer le formatage */ .EasyMDEContainer .editor-toolbar i.fa-eraser { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20H7L3 16l10-10 7 7-2.5 2.5'/%3E%3Cpath d='M6 11l7 7'/%3E%3C/svg%3E"); } /* Tableau */ .EasyMDEContainer .editor-toolbar i.fa-table { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M3 15h18'/%3E%3Cpath d='M9 3v18'/%3E%3C/svg%3E"); } /* Ligne horizontale */ .EasyMDEContainer .editor-toolbar i.fa-minus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E"); } /* Aperçu */ .EasyMDEContainer .editor-toolbar i.fa-eye { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); } /* Côte à côte */ .EasyMDEContainer .editor-toolbar i.fa-columns { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='12' y1='3' x2='12' y2='21'/%3E%3C/svg%3E"); } /* Plein écran */ .EasyMDEContainer .editor-toolbar i.fa-arrows-alt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3'/%3E%3C/svg%3E"); } /* Guide / aide */ .EasyMDEContainer .editor-toolbar i.fa-question-circle { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E"); } /* Annuler */ .EasyMDEContainer .editor-toolbar i.fa-undo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpath d='M3.51 15a9 9 0 1 0 .49-3.68'/%3E%3C/svg%3E"); } /* Rétablir (deux classes possibles selon la version d'EasyMDE) */ .EasyMDEContainer .editor-toolbar i.fa-repeat, .EasyMDEContainer .editor-toolbar i.fa-redo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpath d='M20.49 15a9 9 0 1 1-.49-3.68'/%3E%3C/svg%3E"); } /* YouTube (bouton custom) */ .EasyMDEContainer .editor-toolbar i.fa-youtube { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23495057'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1C24 15.9 24 12 24 12s0-3.9-.5-5.8zM9.8 15.5V8.5l6.3 3.5-6.3 3.5z'/%3E%3C/svg%3E"); } /* TikTok (bouton custom) */ .EasyMDEContainer .editor-toolbar i.fa-tiktok { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23495057'%3E%3Cpath d='M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.32 6.32 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.69a8.18 8.18 0 0 0 4.79 1.53V6.75a4.85 4.85 0 0 1-1.02-.06z'/%3E%3C/svg%3E"); } /* Emoji / sourire (bouton custom) */ .EasyMDEContainer .editor-toolbar i.fa-smile { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 13s1.5 2 4 2 4-2 4-2'/%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'/%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'/%3E%3C/svg%3E"); } /* ═══════════════════════════════════════════════════════════════ 4. ICÔNES — survol + bouton actif (couleur primaire) ═══════════════════════════════════════════════════════════════ */ .EasyMDEContainer .editor-toolbar button:hover i.fa-bold, .EasyMDEContainer .editor-toolbar button.active i.fa-bold { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z'/%3E%3Cpath d='M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-italic, .EasyMDEContainer .editor-toolbar button.active i.fa-italic { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='4' x2='10' y2='4'/%3E%3Cline x1='14' y1='20' x2='5' y2='20'/%3E%3Cline x1='15' y1='4' x2='9' y2='20'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-strikethrough, .EasyMDEContainer .editor-toolbar button.active i.fa-strikethrough { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.3 6.5C16.1 5.2 14.2 4 12 4c-3.3 0-5 1.9-5 4 0 1.2.5 2.2 1.5 2.9'/%3E%3Cpath d='M6.7 17.5C7.9 18.8 9.8 20 12 20c3.3 0 5-1.9 5-4 0-1.2-.5-2.2-1.5-2.9'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-heading, .EasyMDEContainer .editor-toolbar button:hover i.fa-header, .EasyMDEContainer .editor-toolbar button.active i.fa-heading, .EasyMDEContainer .editor-toolbar button.active i.fa-header { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4v16'/%3E%3Cpath d='M18 4v16'/%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-quote-left, .EasyMDEContainer .editor-toolbar button.active i.fa-quote-left { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23007bff'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-code, .EasyMDEContainer .editor-toolbar button.active i.fa-code { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-link, .EasyMDEContainer .editor-toolbar button.active i.fa-link { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-image, .EasyMDEContainer .editor-toolbar button.active i.fa-image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-cloud-upload-alt, .EasyMDEContainer .editor-toolbar button.active i.fa-cloud-upload-alt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 16 12 12 8 16'/%3E%3Cline x1='12' y1='12' x2='12' y2='21'/%3E%3Cpath d='M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-list-ul, .EasyMDEContainer .editor-toolbar button.active i.fa-list-ul { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='9' y1='6' x2='20' y2='6'/%3E%3Cline x1='9' y1='12' x2='20' y2='12'/%3E%3Cline x1='9' y1='18' x2='20' y2='18'/%3E%3Ccircle cx='4' cy='6' r='1.2' fill='%23007bff' stroke='none'/%3E%3Ccircle cx='4' cy='12' r='1.2' fill='%23007bff' stroke='none'/%3E%3Ccircle cx='4' cy='18' r='1.2' fill='%23007bff' stroke='none'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-list-ol, .EasyMDEContainer .editor-toolbar button.active i.fa-list-ol { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' y1='6' x2='21' y2='6'/%3E%3Cline x1='10' y1='12' x2='21' y2='12'/%3E%3Cline x1='10' y1='18' x2='21' y2='18'/%3E%3Cpath d='M4 5h1v4' stroke='%23007bff' stroke-width='1.5' fill='none'/%3E%3Cpath d='M4 9h2' stroke='%23007bff' stroke-width='1.5'/%3E%3Cpath d='M6 17H4c0-1 2-2 2-3s-1-1.5-2-1' stroke='%23007bff' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-eraser, .EasyMDEContainer .editor-toolbar button.active i.fa-eraser { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20H7L3 16l10-10 7 7-2.5 2.5'/%3E%3Cpath d='M6 11l7 7'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-table, .EasyMDEContainer .editor-toolbar button.active i.fa-table { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M3 15h18'/%3E%3Cpath d='M9 3v18'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-minus, .EasyMDEContainer .editor-toolbar button.active i.fa-minus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-eye, .EasyMDEContainer .editor-toolbar button.active i.fa-eye { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-columns, .EasyMDEContainer .editor-toolbar button.active i.fa-columns { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='12' y1='3' x2='12' y2='21'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-arrows-alt, .EasyMDEContainer .editor-toolbar button.active i.fa-arrows-alt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-question-circle, .EasyMDEContainer .editor-toolbar button.active i.fa-question-circle { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-undo, .EasyMDEContainer .editor-toolbar button.active i.fa-undo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpath d='M3.51 15a9 9 0 1 0 .49-3.68'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-repeat, .EasyMDEContainer .editor-toolbar button:hover i.fa-redo, .EasyMDEContainer .editor-toolbar button.active i.fa-repeat, .EasyMDEContainer .editor-toolbar button.active i.fa-redo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpath d='M20.49 15a9 9 0 1 1-.49-3.68'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-youtube { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23007bff'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1C24 15.9 24 12 24 12s0-3.9-.5-5.8zM9.8 15.5V8.5l6.3 3.5-6.3 3.5z'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-tiktok { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23007bff'%3E%3Cpath d='M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.32 6.32 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.69a8.18 8.18 0 0 0 4.79 1.53V6.75a4.85 4.85 0 0 1-1.02-.06z'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button:hover i.fa-smile, .EasyMDEContainer .editor-toolbar button.active i.fa-smile { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 13s1.5 2 4 2 4-2 4-2'/%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'/%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'/%3E%3C/svg%3E"); } /* Bouton actif avec fond bleu : icône blanche */ .EasyMDEContainer .editor-toolbar button.active i.fa-eye { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button.active i.fa-columns { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='12' y1='3' x2='12' y2='21'/%3E%3C/svg%3E"); } .EasyMDEContainer .editor-toolbar button.active i.fa-arrows-alt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3'/%3E%3C/svg%3E"); } /* ═══════════════════════════════════════════════════════════════ 5. MODE SOMBRE — état normal (icônes claires) ═══════════════════════════════════════════════════════════════ */ [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-bold, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-bold { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z'/%3E%3Cpath d='M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-italic, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-italic { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='4' x2='10' y2='4'/%3E%3Cline x1='14' y1='20' x2='5' y2='20'/%3E%3Cline x1='15' y1='4' x2='9' y2='20'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-strikethrough, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-strikethrough { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.3 6.5C16.1 5.2 14.2 4 12 4c-3.3 0-5 1.9-5 4 0 1.2.5 2.2 1.5 2.9'/%3E%3Cpath d='M6.7 17.5C7.9 18.8 9.8 20 12 20c3.3 0 5-1.9 5-4 0-1.2-.5-2.2-1.5-2.9'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-heading, [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-header, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-heading, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-header { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4v16'/%3E%3Cpath d='M18 4v16'/%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-quote-left, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-quote-left { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b0b0b0'%3E%3Cpath d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z'/%3E%3Cpath d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-code, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-code { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-link, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-link { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-image, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-cloud-upload-alt, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-cloud-upload-alt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 16 12 12 8 16'/%3E%3Cline x1='12' y1='12' x2='12' y2='21'/%3E%3Cpath d='M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-list-ul, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-list-ul { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='9' y1='6' x2='20' y2='6'/%3E%3Cline x1='9' y1='12' x2='20' y2='12'/%3E%3Cline x1='9' y1='18' x2='20' y2='18'/%3E%3Ccircle cx='4' cy='6' r='1.2' fill='%23b0b0b0' stroke='none'/%3E%3Ccircle cx='4' cy='12' r='1.2' fill='%23b0b0b0' stroke='none'/%3E%3Ccircle cx='4' cy='18' r='1.2' fill='%23b0b0b0' stroke='none'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-list-ol, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-list-ol { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' y1='6' x2='21' y2='6'/%3E%3Cline x1='10' y1='12' x2='21' y2='12'/%3E%3Cline x1='10' y1='18' x2='21' y2='18'/%3E%3Cpath d='M4 5h1v4' stroke='%23b0b0b0' stroke-width='1.5' fill='none'/%3E%3Cpath d='M4 9h2' stroke='%23b0b0b0' stroke-width='1.5'/%3E%3Cpath d='M6 17H4c0-1 2-2 2-3s-1-1.5-2-1' stroke='%23b0b0b0' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-eraser, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-eraser { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20H7L3 16l10-10 7 7-2.5 2.5'/%3E%3Cpath d='M6 11l7 7'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-table, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-table { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M3 15h18'/%3E%3Cpath d='M9 3v18'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-minus, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-minus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-eye, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-eye { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-columns, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-columns { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='12' y1='3' x2='12' y2='21'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-arrows-alt, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-arrows-alt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-question-circle, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-question-circle { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-undo, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-undo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpath d='M3.51 15a9 9 0 1 0 .49-3.68'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-repeat, [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-redo, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-repeat, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-redo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpath d='M20.49 15a9 9 0 1 1-.49-3.68'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-youtube, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-youtube { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b0b0b0'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1C24 15.9 24 12 24 12s0-3.9-.5-5.8zM9.8 15.5V8.5l6.3 3.5-6.3 3.5z'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-tiktok, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-tiktok { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b0b0b0'%3E%3Cpath d='M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.32 6.32 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.69a8.18 8.18 0 0 0 4.79 1.53V6.75a4.85 4.85 0 0 1-1.02-.06z'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-smile, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar i.fa-smile { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0b0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 13s1.5 2 4 2 4-2 4-2'/%3E%3Cline x1='9' y1='9' x2='9.01' y2='9'/%3E%3Cline x1='15' y1='9' x2='15.01' y2='9'/%3E%3C/svg%3E"); } /* ═══════════════════════════════════════════════════════════════ 6. MODE SOMBRE — survol (couleur primaire claire) ═══════════════════════════════════════════════════════════════ */ [data-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover i.fa-bold, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover i.fa-bold { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a9eff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z'/%3E%3Cpath d='M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover i.fa-italic, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover i.fa-italic { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a9eff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='4' x2='10' y2='4'/%3E%3Cline x1='14' y1='20' x2='5' y2='20'/%3E%3Cline x1='15' y1='4' x2='9' y2='20'/%3E%3C/svg%3E"); } [data-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover i[class*="fa-"], [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover i[class*="fa-"] { /* Règle générique mode sombre hover : les règles spécifiques ci-dessus ont priorité. On force juste la couleur de l'icône via filter pour les icônes non listées. */ filter: brightness(1.6) saturate(1.5); } /* Annuler le filter sur les icônes déjà redéfinies en hover sombre */ [data-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover i.fa-bold, [data-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover i.fa-italic, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover i.fa-bold, [data-bs-theme="dark"] .EasyMDEContainer .editor-toolbar button:hover i.fa-italic { filter: none; } /* ═══════════════════════════════════════════════════════════════ 7. CORRECTION : supprimer le ::before résiduel d'EasyMDE lui-même (easymde.min.css définit parfois un contenu vide sur .fa via ::before) ═══════════════════════════════════════════════════════════════ */ .EasyMDEContainer .editor-toolbar .editor-toolbar-button::before { content: none !important; }