A place to cache linked articles (think custom and personal wayback machine)
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
3 роки тому
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Covid-19 : les essais de phase 3 des vaccins sont-ils terminés « depuis des mois », comme l’affirme Olivier Véran ? (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://www.lemonde.fr/les-decodeurs/article/2021/07/08/covid-19-les-essais-de-phase-3-des-vaccins-sont-ils-termines-depuis-des-mois-comme-l-affirme-olivier-veran_6087580_4355770.html">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>Covid-19 : les essais de phase 3 des vaccins sont-ils terminés « depuis des mois », comme l’affirme Olivier Véran ?</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://www.lemonde.fr/les-decodeurs/article/2021/07/08/covid-19-les-essais-de-phase-3-des-vaccins-sont-ils-termines-depuis-des-mois-comme-l-affirme-olivier-veran_6087580_4355770.html" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <figure class="article__media"> <img src="https://img.lemde.fr/2021/07/04/0/0/3243/2162/664/0/75/0/09cc404_fw1-health-coronavirus-usa-cdc-0704-11.jpg" srcset="https://img.lemde.fr/2021/07/04/0/0/3243/2162/1328/0/45/0/09cc404_fw1-health-coronavirus-usa-cdc-0704-11.jpg 1328w, https://img.lemde.fr/2021/07/04/0/0/3243/2162/664/0/75/0/09cc404_fw1-health-coronavirus-usa-cdc-0704-11.jpg 664w" sizes="(min-width: 768px) 664px, 100vw" alt="« Le suivi des participants sur deux ans est logique pour observer la décroissance des anticorps, la durée de la protection sur le long terme, et voir s’il faut une autre dose de rappel et au bout de combien de temps », explique Mathieu Molimard, chef du service de pharmacologie médicale du CHU de Bordeaux."> <noscript> <img src="https://img.lemde.fr/2021/07/04/0/0/3243/2162/664/0/75/0/09cc404_fw1-health-coronavirus-usa-cdc-0704-11.jpg" alt="« Le suivi des participants sur deux ans est logique pour observer la décroissance des anticorps, la durée de la protection sur le long terme, et voir s’il faut une autre dose de rappel et au bout de combien de temps », explique Mathieu Molimard, chef du service de pharmacologie médicale du CHU de Bordeaux."> </noscript> <figcaption class="article__legend" aria-hidden="true">« Le suivi des participants sur deux ans est logique pour observer la décroissance des anticorps, la durée de la protection sur le long terme, et voir s’il faut une autre dose de rappel et au bout de combien de temps », explique Mathieu Molimard, chef du service de pharmacologie médicale du CHU de Bordeaux. <span class="article__credit" aria-hidden="true">LUCY NICHOLSON / REUTERS</span> </figcaption> </figure>
  71. <pre><code>
  72. </code></pre>
  73. <p class="article__paragraph ">Alors que la moitié de la population française <a href="https://www.lemonde.fr/les-decodeurs/article/2021/01/29/covid-19-suivez-la-progression-de-la-vaccination-en-france-et-dans-le-monde_6068029_4355770.html">a reçu une première dose de vaccin</a> contre le Covid-19, les antivaccins n’en démordent pas. Selon eux, les Français vaccinés seraient des <em>« cobayes »</em> prêts à se faire injecter des produits actuellement testés en phase d’essais cliniques, et donc loin d’être fiables.</p>
  74. <pre><code>
  75. </code></pre>
  76. <p class="article__paragraph ">Cette rumeur persistante a été évoquée par le ministre de la santé, Olivier Véran, lors d’une conférence de presse, vendredi 2 juillet, en marge d’un déplacement à Villeneuve-la-Garenne (Hauts-de-Seine) :</p>
  77. <pre><code>
  78. </code></pre>
  79. <p class="article__cite"><em>« Parmi les “fake news” que l’on entend, il y aurait celle qui consiste à dire que le vaccin serait encore en cours d’expérimentation, c’est absolument faux. La phase 3 est terminée depuis des mois, elle est validée. »</em></p>
  80. <pre><code>
  81. </code></pre>
  82. <p class="article__paragraph ">Les propos du ministre de la santé ont fait réagir bon nombre d’internautes : <em>« Olivier Véran affirme que la phase 3 des vaccins est terminée depuis des mois alors que la fin de la dernière phase d’expérimentation sera en 2022, voire 2023, selon les laboratoires »</em>, dénonce l’un d’entre eux. <em>« Véran est un menteur, ceci est une “fake news” ! Les vaccins sont toujours en phase 3 »</em>, estime, pour sa part, Le Libre Penseur, un blogueur connu <a href="https://www.lemonde.fr/verification/source/le-libre-penseur/">pour asséner</a> des contrevérités au sujet de la vaccination.</p>
  83. <pre><code>
  84. </code></pre>
  85. <h2 class="article__sub-title">Il est vrai que les essais de phase 3 sont toujours en cours…</h2>
  86. <pre><code>
  87. </code></pre>
  88. <p class="article__paragraph ">En affirmant de manière catégorique que la phase 3 des essais des vaccins déployés en France est <em>« terminée »</em>, Olivier Véran se méprend. Contacté par <em>Le Monde</em>, le laboratoire Pfizer assure bien que son <em>« essai de phase 3 se poursuit ».</em></p>
  89. <pre><code>
  90. </code></pre>
  91. <p id="inread-7" class="dfp-slot dfp__slot dfp__inread dfp-unloaded" data-format="inread" aria-hidden="true"></p>
  92. <pre><code>
  93. </code></pre>
  94. <p class="article__paragraph ">Rappelons tout d’abord que, pour qu’un vaccin soit homologué, des essais cliniques <a href="https://www.lemonde.fr/les-decodeurs/article/2021/01/21/a-quel-point-les-vaccins-sont-ils-efficaces-quels-effets-secondaires-ont-ils-ete-observes-nos-reponses-a-vos-questions_6067093_4355770.html">sont menés sur l’homme</a> au cours de trois phases successives. La dernière étape, la plus importante, est la phase 3. Conduite sur des dizaines de milliers de volontaires, elle vise à mesurer l’efficacité et la sécurité du vaccin, et fait l’objet d’une surveillance très attentive.</p>
  95. <pre><code>
  96. </code></pre>
  97. <p class="article__paragraph ">Dans le cadre des deux vaccins contre le Covid-19 les plus administrés en France, ceux de Pfizer-BioNTech et de Moderna, les essais cliniques de phase 3 ont été menés à partir de juillet 2020 sur des dizaines de milliers de volontaires. Mais il n’a jamais été question d’interrompre ces études dès <a href="https://www.lemonde.fr/planete/article/2020/11/09/covid-19-pfizer-annonce-que-son-candidat-vaccin-est-efficace-a-90-les-bourses-s-envolent_6059122_3244.html" target="_blank" rel="noopener" title="Nouvelle fenêtre">la publication des premiers résultats</a>, en novembre. Les laboratoires avaient bien précisé qu’ils comptaient assurer un suivi sur le long terme de leurs participants. <em>« L’étude permettra de continuer à recueillir des données d’efficacité et de sécurité auprès des participants pendant deux années supplémentaires »</em>, pouvait-on lire dans un communiqué de <a href="https://www.pfizer.com/news/press-release/press-release-detail/pfizer-and-biontech-conclude-phase-3-study-covid-19-vaccine" target="_blank" rel="noopener" title="Nouvelle fenêtre">Pfizer</a>, le 18 novembre.</p>
  98. <pre><code>
  99. </code></pre>
  100. <p class="article__paragraph "><em>« Tous les participants à l’étude COVE seront surveillés pendant deux ans après leur deuxième dose pour évaluer la protection et l’innocuité à long terme »</em>, mentionnait de son côté <a href="https://investors.modernatx.com/news-releases/news-release-details/moderna-announces-publication-results-pivotal-phase-3-trial" target="_blank" rel="noopener" title="Nouvelle fenêtre">Moderna</a>, le 31 décembre. A l’heure actuelle, la fin des essais est fixée au 27 octobre 2022 pour <a href="https://clinicaltrials.gov/ct2/show/NCT04470427?term=NCT04470427&amp;draw=2&amp;rank=1" target="_blank" rel="noopener" title="Nouvelle fenêtre">Moderna,</a> et au 2 mai 2023 pour <a href="https://clinicaltrials.gov/ct2/show/NCT04368728?term=NCT04368728&amp;draw=2&amp;rank=1" target="_blank" rel="noopener" title="Nouvelle fenêtre">Pfizer. </a></p>
  101. <pre><code>
  102. </code></pre>
  103. <figure class="article__media"> <img src="" data-srcset="https://img.lemde.fr/2021/07/08/0/0/1422/347/1328/0/45/0/cbf9442_735906212-capture-d-e-cran-2021-07-08-a-10-20-53.png 1328w, https://img.lemde.fr/2021/07/08/0/0/1422/347/664/0/75/0/cbf9442_735906212-capture-d-e-cran-2021-07-08-a-10-20-53.png 664w" data-sizes="(min-width: 768px) 664px, 100vw" alt="L'essai clinique de phase 3 de Moderna, publié dans la base " clinicaltrials> <noscript> <img src="https://img.lemde.fr/2021/07/08/0/0/1422/347/664/0/75/0/cbf9442_735906212-capture-d-e-cran-2021-07-08-a-10-20-53.png" alt="L'essai clinique de phase 3 de Moderna, publié dans la base " clinicaltrials> </noscript> <figcaption class="article__legend" aria-hidden="true">L'essai clinique de phase 3 de Moderna, publié dans la base "Clinicaltrials". <span class="article__credit" aria-hidden="true">CLINICALTRIALS.GOV</span> </figcaption> </figure>
  104. <pre><code>
  105. </code></pre>
  106. <p class="article__paragraph ">Les essais de phase 3 se poursuivent donc afin de mieux cerner l’efficacité des vaccins, et surveiller d’éventuelles évolutions dans le rapport de la balance bénéfices/risques, élément crucial dans la course à la vaccination. Ou encore d’éventuels nouveaux effets indésirables. Mais là-dessus, Mathieu Molimard, chef du service de pharmacologie médicale du CHU de Bordeaux, se montre rassurant : <em>« Il n’y a pas de vaccin qui ait induit des effets indésirables à long terme qu’on n’avait pas vus dans les deux mois après la vaccination. »</em></p>
  107. <pre><code>
  108. </code></pre>
  109. <p id="inread-12" class="dfp-slot dfp__slot dfp__inread dfp-unloaded" data-format="inread" aria-hidden="true"></p>
  110. <pre><code>
  111. </code></pre>
  112. <p class="article__paragraph ">Selon lui, plusieurs inconnues demeurent encore, toutefois. Parmi elles, la durée d’immunité conférée par ces vaccins anti-Covid-19. <em>« Le suivi des participants sur deux ans est logique pour observer la décroissance des anticorps, la durée de la protection sur le long terme, et voir s’il faut une autre dose de rappel et au bout de combien de temps »</em>, commente le professeur. Ainsi, précise-t-il, cette phase 3 s’achèvera véritablement lorsque l’on sera capable de répondre à toutes ces interrogations en mettant en place un calendrier vaccinal précis, à l’instar d’autres vaccins.</p>
  113. <pre><code>
  114. </code></pre>
  115. <p class="article__paragraph ">Joint par <em>Le Monde</em>, le ministère de la santé assure que les propos du ministre ne sont pas <em>« contradictoires par rapport à ce que dit Pfizer, même s’il aurait peut-être dû préciser que c’est la phase d’expérimentation qui est terminée ». </em>Et d’ajouter :</p>
  116. <pre><code>
  117. </code></pre>
  118. <p class="article__cite">« Ce que veut surtout dire Olivier Véran c’est que la phase d’expérimentation et de recueil des données qui ont conclu à l’efficacité des vaccins est terminée, et que des internautes font preuve de mauvaise foi en affirmant que les vaccins ne sont pas encore sûrs et efficaces, alors qu’on le sait. »</p>
  119. <pre><code>
  120. </code></pre>
  121. <h2 class="article__sub-title">… mais ils ne sont pas la preuve du manque de fiabilité des vaccins</h2>
  122. <pre><code>
  123. </code></pre>
  124. <p class="article__paragraph ">Si certains internautes se contentent de souligner la méprise d’Olivier Véran, beaucoup font preuve de mauvaise foi, ou versent dans la désinformation, en martelant que les vaccins administrés aux Français seraient encore en <em>« phase d’expérimentation »</em>, et donc pas encore complètement sûrs.</p>
  125. <pre><code>
  126. </code></pre>
  127. <p class="article__cite"><em>« Les essais de phase 3 ont montré la qualité pharmaceutique, l’efficacité, et la sécurité des vaccins ARN</em>, souligne le professeur Molimard. <em>Ces trois éléments permettent de dire que donner ce médicament est important, efficace et non risqué, ce qui n’empêche de poursuivre les études. Sans ces trois piliers, il n’y aurait jamais eu d’autorisation de mise sur le marché. »</em></p>
  128. <pre><code>
  129. </code></pre>
  130. <p class="article__paragraph ">Souvenons-nous. A l’issue des premiers résultats dévoilés de la phase 3 des vaccins Moderna et Pfizer, en novembre 2020, les deux laboratoires ont présenté des taux d’efficacité de 94 % pour <a href="https://investors.modernatx.com/news-releases/news-release-details/moderna-announces-primary-efficacy-analysis-phase-3-cove-study" target="_blank" rel="noopener" title="Nouvelle fenêtre">Moderna </a>et de 95 % pour <a href="https://www.pfizer.fr/pfizer-et-biontech-ont-finalise-levaluation-des-criteres-primaires-defficacite-de-letude-de-phase-3" target="_blank" rel="noopener" title="Nouvelle fenêtre">Pfizer</a>. Les données des ces vaccins à ARN messager ont été par la suite consolidées, soumises, puis évaluées dans des revues scientifiques <a href="https://www.nejm.org/doi/full/10.1056/NEJMe2034717?query=recirc_curatedRelated_article" target="_blank" rel="noopener" title="Nouvelle fenêtre">qui ont qualifié </a>ces résultats d’<em>« impressionnants »</em>. Moderna et Pfizer ont pu déposer une demande d’autorisation de mise sur le marché auprès de différentes autorités sanitaires afin de distribuer leurs vaccins à grande échelle. Là encore, les données ont été scrutées et évaluées par les autorités de régulation <a href="https://www.lemonde.fr/planete/article/2020/12/21/covid-19-l-agence-europeenne-des-medicaments-examine-le-candidat-vaccin-de-pfizer-et-biontech_6064077_3244.html" target="_blank" rel="noopener" title="Nouvelle fenêtre">avant l’aval </a>pour un déploiement auprès des populations.</p>
  131. <pre><code>
  132. </code></pre>
  133. <p id="inread-19" class="dfp-slot dfp__slot dfp__inread dfp-unloaded" data-format="inread" aria-hidden="true"></p>
  134. <pre><code>
  135. </code></pre>
  136. <p class="article__paragraph ">Ainsi, même si la phase 3 n’est pas totalement achevée, ce qui est une procédure tout à fait habituelle pour les médicaments, Moderna et Pfizer ont déjà rempli les critères nécessaires, et fourni des données solides pour prouver l’efficacité et la sécurité de leurs vaccins contre le Covid-19. Depuis les premières injections, trois milliards de doses ont été administrées<a href="https://ourworldindata.org/covid-vaccinations?country=OWID_WRL" target="_blank" rel="noopener" title="Nouvelle fenêtre"> dans le monde</a>. Certains effets indésirables ont été mis en évidence, notamment des <a href="https://www.lemonde.fr/planete/article/2021/04/07/astrazeneca-et-thromboses-le-lien-se-dessine-mais-les-incertitudes-persistent_6075834_3244.html" target="_blank" rel="noopener" title="Nouvelle fenêtre">cas de thromboses</a> signalés avec le vaccin AstraZeneca. Mais ces cas graves sont excessivement rares. Cette faible proportion est une<em> « bonne raison de se faire vacciner »</em>, estime le professeur Molimard, cela sans craindre de passer pour un <em>« cobaye ».</em> Prudence, donc, face aux discours alarmistes.</p>
  137. </article>
  138. <hr>
  139. <footer>
  140. <p>
  141. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  142. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  143. </svg> Accueil</a> •
  144. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  145. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  146. </svg> Suivre</a> •
  147. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  148. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  149. </svg> Pro</a> •
  150. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  151. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  152. </svg> Email</a> •
  153. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  154. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  155. </svg> Légal</abbr>
  156. </p>
  157. <template id="theme-selector">
  158. <form>
  159. <fieldset>
  160. <legend><svg class="icon icon-brightness-contrast">
  161. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  162. </svg> Thème</legend>
  163. <label>
  164. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  165. </label>
  166. <label>
  167. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  168. </label>
  169. <label>
  170. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  171. </label>
  172. </fieldset>
  173. </form>
  174. </template>
  175. </footer>
  176. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  177. <script>
  178. function loadThemeForm(templateName) {
  179. const themeSelectorTemplate = document.querySelector(templateName)
  180. const form = themeSelectorTemplate.content.firstElementChild
  181. themeSelectorTemplate.replaceWith(form)
  182. form.addEventListener('change', (e) => {
  183. const chosenColorScheme = e.target.value
  184. localStorage.setItem('theme', chosenColorScheme)
  185. toggleTheme(chosenColorScheme)
  186. })
  187. const selectedTheme = localStorage.getItem('theme')
  188. if (selectedTheme && selectedTheme !== 'undefined') {
  189. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  190. }
  191. }
  192. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  193. window.addEventListener('load', () => {
  194. let hasDarkRules = false
  195. for (const styleSheet of Array.from(document.styleSheets)) {
  196. let mediaRules = []
  197. for (const cssRule of styleSheet.cssRules) {
  198. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  199. continue
  200. }
  201. // WARNING: Safari does not have/supports `conditionText`.
  202. if (cssRule.conditionText) {
  203. if (cssRule.conditionText !== prefersColorSchemeDark) {
  204. continue
  205. }
  206. } else {
  207. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  208. continue
  209. }
  210. }
  211. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  212. }
  213. // WARNING: do not try to insert a Rule to a styleSheet you are
  214. // currently iterating on, otherwise the browser will be stuck
  215. // in a infinite loop…
  216. for (const mediaRule of mediaRules) {
  217. styleSheet.insertRule(mediaRule.cssText)
  218. hasDarkRules = true
  219. }
  220. }
  221. if (hasDarkRules) {
  222. loadThemeForm('#theme-selector')
  223. }
  224. })
  225. </script>
  226. </body>
  227. </html>