A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 24KB

4 lat temu
4 lat temu
4 lat temu
4 lat temu
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  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>
  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>La crise d’Oka, jour par jour (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="#f0f0ea">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f0f0ea">
  26. <!-- Documented, feel free to shoot an email. -->
  27. <link rel="stylesheet" href="/static/david/css/style_2020-06-19.css">
  28. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  29. <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>
  30. <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>
  31. <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>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <script type="text/javascript">
  36. function toggleTheme(themeName) {
  37. document.documentElement.classList.toggle(
  38. 'forced-dark',
  39. themeName === 'dark'
  40. )
  41. document.documentElement.classList.toggle(
  42. 'forced-light',
  43. themeName === 'light'
  44. )
  45. }
  46. const selectedTheme = localStorage.getItem('theme')
  47. if (selectedTheme !== 'undefined') {
  48. toggleTheme(selectedTheme)
  49. }
  50. </script>
  51. <meta name="robots" content="noindex, nofollow">
  52. <meta content="origin-when-cross-origin" name="referrer">
  53. <!-- Canonical URL for SEO purposes -->
  54. <link rel="canonical" href="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/index.html">
  55. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>La crise d’Oka, jour par jour</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  63. <a href="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/index.html" title="Lien vers le contenu original">Source originale</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <div class="steps"><section class="intro-section"><div><p>Il y a trois décennies, un projet de développement immobilier et d’agrandissement de terrain de golf déclenchait un conflit d’ampleur nationale voué à transformer les relations entre les Autochtones, les gouvernements et le reste de la société. Retour en cartes, en photos et en dates sur la crise d’Oka.</p><address><p class="date">9 juillet 2020</p></address></div></section>
  69. <section><p>À la confluence de la rivière des Outaouais et du lac des Deux-Montagnes, à l’ouest de l’île de Montréal, se trouve le territoire mohawk de Kanesatake.</p></section>
  70. <section><p>Ce territoire n’est pas officiellement une réserve indienne, mais plutôt d’établissement indien. Par le passé, cela a facilité la vente de parcelles de terre utilisées en pratique par la communauté. Certaines portions de Kanesatake sont enclavées dans le village voisin d’Oka.</p></section>
  71. <section><p>En 1989, des promoteurs proposent d’agrandir le golf d’Oka et de construire une soixantaine d’habitations luxueuses. Constituées d’une pinède et d’une forêt mixte, les terres visées par les promoteurs ont une grande importance historique pour les Mohawks. Juste à côté du golf se trouve un cimetière autochtone.</p><p>Dans les années 1940, le gouvernement fédéral avait vendu ces mêmes terres à la municipalité d’Oka. En 1990, Ottawa envisageait toutefois de les racheter afin de les céder aux Mohawks, qui en revendiquent la possession.</p></section>
  72. <section><p><span class="title-date">11 mars 1990</span> Sous l’impulsion des autorités traditionnelles de la communauté, des Mohawks érigent une barricade près de la pinède. Leur barrage est situé sur une petite route de terre battue, non loin de la route 344. C’est l’entrée sud de la pinède.</p></section><section class="text-section"><p>Au cours du printemps, la municipalité d’Oka obtient une injonction de la Cour ordonnant aux activistes mohawks de démonter leur barricade, mais ces derniers ne cèdent pas puisque le projet de développement est toujours sur les rails. Les parties entreprennent des négociations, sans arriver à faire avancer le dossier.</p><p><span class="title-date">29 juin</span> Un juge délivre une nouvelle injonction. Quelques jours plus tard, le ministre de la Sécurité publique du Québec, Sam Elkas, lance un ultimatum aux Autochtones, exigeant leur retrait le plus tard le 9 juillet.</p><p><span class="title-date">9 juillet</span> Les Mohawks ne bougent toujours pas. Le ministre délégué aux Affaires autochtones du Québec, John Ciaccia, écrit au maire d’Oka pour l’inciter à suspendre indéfiniment le projet, sans quoi les choses risquent « de dégénérer en confrontation avec de tristes conséquences pour les sociétés autochtone et non-autochtone ».</p><p><span class="title-date">10 juillet</span> Le maire d’Oka refuse d’abandonner le projet. Par ailleurs, il demande formellement à la Sûreté du Québec (SQ) d’intervenir dans sa communauté.</p></section>
  73. <section><p>Chez les militants, on se prépare à réagir. Dans les jours précédents, des membres des Warriors — un groupe autonomiste mohawk — se sont joints à l’occupation.</p><blockquote><div><p>Nous ne cherchons pas la violence, mais nous nous défendrons si on nous attaque</p><p class="author">Ellen Gabriel, porte-parole des Mohawks occupants</p></div></blockquote></section>
  74. <section><p><span class="title-date">11 juillet</span> La SQ intervient à 5 h 45 dans l’espoir de démanteler la barricade. Les gaz lacrymogènes et les grenades assourdissantes n’intimident toutefois pas les manifestants. Ces derniers, armés et nombreux, restent en position. Des femmes et des enfants sont situés entre les policiers et les Warriors.</p><figure><img alt="Barricade" src="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/assets/img/archives/CP2765610-01.jpeg"/><figcaption><span class="ref">Photo: Archives La Presse canadienne</span></figcaption></figure></section>
  75. <section><p>Quand les Mohawks de Kahnawake apprennent que la SQ est en train d’intervenir à Oka, ils décident de bloquer le pont Honoré-Mercier afin de détourner l’attention de la police et d’encourager leurs confrères de la rive nord (cercles rouges). Les forces de l’ordre se sentent bousculées.</p></section>
  76. <section><p>À 8 h 50, le Groupe tactique d’intervention de la SQ s’avance vers le barrage d’Oka. Une fusillade éclate. Des gaz lacrymogènes obstruent le champ de vision des tireurs. Un policier de 31 ans, le caporal Marcel Lemay, est atteint mortellement par une balle qui se loge dans son aisselle gauche.</p><p>Selon le rapport du coroner, les policiers ont tiré à hauteur d’homme, d’un mouvement balayé, sans viser une cible particulière. Du côté de Warriors, on indique avoir fait feu au-dessus de la tête des policiers en guise de riposte. En une trentaine de secondes, 93 tirs d’arme à feu se font entendre, dont 51 coups provenant de cinq ou six policiers. Au moins trois Autochtones font feu, selon le coroner.</p></section>
  77. <section><p>Après la fusillade, les policiers se retirent dans le village d’Oka. Les activistes utilisent des véhicules policiers abandonnés dans la cohue pour établir un nouveau barrage, celui-là sur la route 344, plus passante.</p><figure><img alt="Barricade" src="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/assets/img/archives/902056-02.jpg"/><figcaption><span class="ref">Photo: Archives La Presse canadienne</span></figcaption></figure></section>
  78. <section><p>Les policiers de la SQ bouclent toute la zone qui englobe le territoire de Kanesatake et le village d’Oka. Seuls les résidents d’Oka peuvent passer les points de contrôle.</p><figure><img alt="Barrages" src="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/assets/img/archives/CP2765681-01.jpeg"/><figcaption><span class="ref">Photo: Archives La Presse canadienne</span></figcaption></figure></section>
  79. <section><p>Dans les heures et les jours qui suivent, la police établit également des barrages autour de Kahnawake, près de Châteauguay. En tout, des centaines d’agents sont déployés. Des militants mohawks établissent des barricades faisant face à celles de la police.</p></section>
  80. <section><p><span class="title-date">12 juillet</span> Dès le lendemain de la fusillade, le ministre Ciaccia se rend derrière la barricade d’Oka pour négocier avec les Mohawks, qui le respectent en tant qu’interlocuteur. Il arrive à conclure une entente de principe avec certains interlocuteurs deux jours plus tard, mais les Warriors rejettent l’accord.</p><figure><img alt="Ciaccia" src="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/assets/img/archives/CP2766214-01.jpeg"/><figcaption>John Ciaccia (gauche) et Ellen Gabriel (centre), le 12 juillet. <span class="ref">Photo: Archives La Presse canadienne</span></figcaption></figure></section>
  81. <section><p><span class="title-date">14 juillet</span> À Châteauguay, des résidents sont excédés par le barrage du pont Honoré-Mercier. Ils ne tolèrent pas non plus que la SQ laisse passer des Autochtones de la communauté qui désirent aller se procurer des denrées à Châteauguay. Furieux, certains d’entre eux lancent des cailloux en direction des Mohawks. Presque chaque soir, des citoyens blancs manifestent. Ces événements donneront lieu à des actes de violence et de racisme.</p></section>
  82. <section><p><span class="title-date">19 juillet</span> Au lendemain de nouvelles conditions posées par les Autochtones concernant leurs droits territoriaux, le ministre Ciaccia demande, lors d’une sortie publique à Montréal, « qui parle au nom des Mohawks ? ». Le ministre fédéral des Affaires indiennes, Tom Siddon, déclare pour sa part qu’il ne négociera pas avec des gens armés. Les tensions persistent.</p><p><span class="title-date">26 juillet</span> Pour calmer le jeu, le gouvernement fédéral propose de racheter les terres litigieuses. Il offre 5,3 millions de dollars. La transaction sera officialisée au début du mois d’août, sans que la barricade sur la route 344 soit levée pour autant.</p></section>
  83. <section><p><span class="title-date">29 juillet</span> Au moins 1000 personnes manifestent leur soutien aux Mohawks dans le parc Paul-Sauvé, à Oka. On compte parmi eux des délégations de Cris, d’Innus, de Hurons-Wendats, d’Algonquins, d’Ojibwés, de Micmacs et d’autres nations autochtones du Canada. Des députés de l’opposition fédérale sont également sur place.</p><blockquote><div><p>Pendant plus de cent ans, ils ont tenté de s’occuper de nous, mais ils ont échoué misérablement</p><p class="author">Chef Bill Traverse</p></div></blockquote></section>
  84. <section><p><span class="title-date">1er août</span> En soirée, 10 000 résidents de Châteauguay manifestent devant les barricades des Mohawks de Kanesatake et demandent l’intervention de l’armée. Un mannequin à l’effigie d’un Mohawk est pendu et brûlé. Quelques jours plus tard, des citoyens menés par l’ex-policier Yvon Poitras bloquent l’autoroute 15.</p></section>
  85. <section><p><span class="title-date">5 août</span> Le premier ministre du Québec, Robert Bourassa, lance un ultimatum de 48 heures aux Mohawks. Si les insurgés ne se conforment pas à l’entente, M. Bourassa avertit qu’il prendra les « mesures appropriées » pour résoudre la crise. Dans les jours qui suivent, des centaines de citoyens d’Oka et de Kanesatake quittent leur maison.</p><p><span class="title-date">8 août</span> Québec fait appel à l’armée canadienne, qui viendra en renfort de la SQ neuf jours plus tard. En parallèle, Ottawa nomme un médiateur spécial, le juge Alan B. Gold, pour rapprocher les parties.</p></section>
  86. <section><p><span class="title-date">12 août</span> À l’invitation du groupe Solidarité-Châteauguay, des manifestants bloquent le pont Saint-Louis-de-Gonzague pour exiger la réouverture du pont Mercier. Une cinquantaine de policiers de la SQ écartent ces personnes lors d’une opération qui fait des blessés. Des manifestants saccagent ensuite le poste de police pour libérer leurs confrères arrêtés.</p></section>
  87. <section><p>À Oka, les ministres Ciaccia et Siddon vont derrière la barricade pour signer l’entente négociée par le juge Gold sur les conditions préalables à la véritable négociation, qui débute quatre jours plus tard. Des représentants de la Fédération internationale des droits de l’homme y agissent à titre d’observateurs.</p><figure><img alt="Warriors" src="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/assets/img/archives/896070-01.jpeg"/><figcaption>Des Warriors surveillent le périmètre de Kanesatake.<br/><span class="ref">Photo: Archives La Presse canadienne</span></figcaption></figure></section>
  88. <section><p><span class="title-date">14 août</span> Des unités de la 5e Brigade mécanisée de l’armée canadienne, basées à Valcartier, se mettent en route vers la région métropolitaine. Elles vont se poster à Blainville et à Saint-Benoît, près d’Oka, et à Saint-Rémi et à Farnham, près de Kahnawake. Les militaires prendront le relais de la SQ près des barrages trois jours plus tard, à la demande du premier ministre Bourassa.</p></section>
  89. <section><p><span class="title-date">19 août</span> Les forces armées avancent leurs troupes à un kilomètre et demi au-delà des anciennes barricades policières dans le rang Sainte-Germaine, à Oka. Les militaires déplacent de vieilles voitures mises là par les Mohawks pour prendre position sur un terrain surélevé à l’intérieur du périmètre fixé par les activistes. L’étau se resserre autour de Kanesatake et de Kahnawake.</p><figure><img alt="Warriors" src="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/assets/img/archives/895457-04.jpeg"/><figcaption>Des militaires démantèle un barrage de la SQ sur la route 344 pour mieux installer le leur, le 20 août. <span class="ref">Photo: Archives La Presse canadienne</span></figcaption></figure></section>
  90. <section><p><span class="title-date">27 août</span> Considérant que les négociateurs mohawks sont de mauvaise foi, le gouvernement rompt les discussions. Les Warriors exigent une amnistie générale pour leurs membres et le droit de garder leurs armes. La mission des observateurs internationaux prend fin du même coup.</p><p><span class="title-date">27 août</span> Alors que de nouvelles « négociations de la dernière chance » se mettent en branle, l’armée lance un ultimatum de 24 heures aux activistes. Tandis que des femmes, des enfants et des personnes âgées quittent Kahnawake dans la foulée de la menace de l’armée, des citoyens de LaSalle lancent des objets vers leurs voitures.</p></section>
  91. <section><p><span class="title-date">29 août</span> L’ultimatum arrivé à échéance, l’armée canadienne commence à démanteler la barricade principale de la route 132 à Sainte-Catherine et la barricade du pont Mercier. Des Warriors non armés les y aident.</p><figure><img alt="Rencontre Warriors" src="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/assets/img/archives/Oka_4_ym-04.jpeg"/><figcaption>Des militaires et des Warriors discutent en marge des barrages. <span class="ref">Photo: Jacques Nadeau Le Devoir</span></figcaption></figure></section>
  92. <section><p>Le démantèlement se déroule avec quelques frictions dans les jours qui suivent. Le pont Mercier sera finalement rouvert à la circulation le 5 septembre. Cette artère, où circulent normalement 70 000 véhicules par jour, est ainsi restée fermée pendant 57 jours.</p></section>
  93. <section><p><span class="title-date">1er septembre</span> À Oka, après une altercation entre les Warriors et l’armée pendant la nuit, les militaires encerclent la quarantaine de personnes qui tiennent toujours la barricade et les forcent à se retrancher. Les Warriors et leurs sympathisants, parmi lesquels on compte des femmes et des enfants, sont maintenant confinés dans une zone de 600 mètres sur 800 mètres autour du centre de désintoxication de Kanesatake.</p><figure><img alt="Warriors" src="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/assets/img/archives/CP2773104-01.jpeg"/><figcaption><span class="ref">Photo: Archives La Presse canadienne</span></figcaption></figure></section>
  94. <section><p><span class="title-date">3 septembre</span> Des Warriors tentent, en vain, de s’échapper d’Oka. En pleine nuit, ils tirent des rafales avant de chercher à fuir par le lac, mais l’armée intercepte l’embarcation dans laquelle ils doivent monter.</p><p><span class="title-date">12 septembre</span> Malgré une proposition de reddition de la part des militaires quelques jours plus tôt, les Warriors restent en place à Oka. L’armée ratisse la pinède et installe des projecteurs puissants afin de mieux surveiller le repaire des Mohawks. Dans les jours qui suivent, elle coupe toute ligne téléphonique permettant une communication depuis le centre de désintoxication vers l’extérieur, outre une « ligne rouge » avec l’armée.</p></section>
  95. <section><p><span class="title-date">18 septembre</span> Au fait de la présence d’armes à la marina de Kahnawake, la SQ investit l’île de Tekakwitha, qui fait partie de la réserve, avec huit hélicoptères afin d’y effectuer une saisie. Des centaines de Mohawks se massent vers le barrage restreignant l’accès à l’île et lancent des pierres aux militaires. L’armée riposte avec des coups de feu et des gaz lacrymogènes.</p></section>
  96. <section><p><span class="title-date">26 septembre</span> La crise d’Oka prend fin dans la plus grande confusion.</p><p>Une cinquantaine de Warriors, de femmes et d’enfants, de même qu’une dizaine de journalistes quittent le centre de désintoxication à la suite de la conclusion d’une entente avec l’armée. Après la sortie de leur repaire assiégé, des femmes et des enfants tentent de se disperser, mais les militaires les en empêchent. Lors de ces escarmouches, un véhicule passe près d’écraser une femme et son enfant. Des coups de poing sont échangés avec les Warriors. Les personnes arrêtées sont acheminées vers la prison de Farnham, en Montérégie.</p><figure><img alt="Arrestation" src="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/assets/img/archives/CP2762658-01.jpeg"/><figcaption>Après avoir tenté de s’enfuir, deux sœurs sont arrêtées par un soldat, le 26 septembre. <span class="ref">Photo: Archives La Presse canadienne</span></figcaption></figure></section>
  97. <section><p>Une quarantaine d’activistes autochtones ont finalement été accusés d’entrave au travail d’agents de la paix, de participation à une émeute et de port d’armes dans le but d’en faire un usage dangereux pour la paix publique.</p><p>Près de deux ans après les événements, le 3 juillet 1992, un jury rend un verdict de non-culpabilité.</p></section></div>
  98. </main>
  99. </article>
  100. <hr>
  101. <footer>
  102. <p>
  103. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  104. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  105. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  106. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  107. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  108. </p>
  109. <template id="theme-selector">
  110. <form>
  111. <fieldset>
  112. <legend>Thème</legend>
  113. <label>
  114. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  115. </label>
  116. <label>
  117. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  118. </label>
  119. <label>
  120. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  121. </label>
  122. </fieldset>
  123. </form>
  124. </template>
  125. </footer>
  126. <script type="text/javascript">
  127. function loadThemeForm(templateName) {
  128. const themeSelectorTemplate = document.querySelector(templateName)
  129. const form = themeSelectorTemplate.content.firstElementChild
  130. themeSelectorTemplate.replaceWith(form)
  131. form.addEventListener('change', (e) => {
  132. const chosenColorScheme = e.target.value
  133. localStorage.setItem('theme', chosenColorScheme)
  134. toggleTheme(chosenColorScheme)
  135. })
  136. const selectedTheme = localStorage.getItem('theme')
  137. if (selectedTheme && selectedTheme !== 'undefined') {
  138. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  139. }
  140. }
  141. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  142. window.addEventListener('load', () => {
  143. let hasDarkRules = false
  144. for (const styleSheet of Array.from(document.styleSheets)) {
  145. let mediaRules = []
  146. for (const cssRule of styleSheet.cssRules) {
  147. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  148. continue
  149. }
  150. // WARNING: Safari does not have/supports `conditionText`.
  151. if (cssRule.conditionText) {
  152. if (cssRule.conditionText !== prefersColorSchemeDark) {
  153. continue
  154. }
  155. } else {
  156. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  157. continue
  158. }
  159. }
  160. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  161. }
  162. // WARNING: do not try to insert a Rule to a styleSheet you are
  163. // currently iterating on, otherwise the browser will be stuck
  164. // in a infinite loop…
  165. for (const mediaRule of mediaRules) {
  166. styleSheet.insertRule(mediaRule.cssText)
  167. hasDarkRules = true
  168. }
  169. }
  170. if (hasDarkRules) {
  171. loadThemeForm('#theme-selector')
  172. }
  173. })
  174. </script>
  175. </body>
  176. </html>