A place to cache linked articles (think custom and personal wayback machine)
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

index.html 23KB

il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
il y a 3 ans
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  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>Une interview dans Le Un en novembre 2021 (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://jancovici.com/publications-et-co/interviews/une-interview-dans-le-un-en-novembre-2021/">
  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>Une interview dans Le Un en novembre 2021</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://jancovici.com/publications-et-co/interviews/une-interview-dans-le-un-en-novembre-2021/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Interview parue dans <a href="https://le1hebdo.fr/journal/sobrit-faut-il-s-y-prparer/371/article/nous-ne-vivons-pas-une-crise-mais-le-dbut-d-une-mutation-4969.html" target="_blank" rel="noopener">Le Un du 3 novembre 2021</a>.</p>
  71. <p>Comme d’habitude, le chapô précédent l’interview, que je reproduis ci-dessous, est de la rédaction du journal et non soumis à relecture, tout comme le titre. NB: le chapô aurait tout aussi bien pu dire que parmi les financeurs du Shift Project il y avait 3000 particuliers qui ont donné de quoi mettre en route le plan de transformation de l’économie française, l’Ademe ou la SNCF…</p>
  72. <p>Le texte de l’interview ci-dessous est celui, relu et amendé, que j’ai envoyé au journal. Entretien réalisé par <span class="auteur">Hélène Seingier et Julien Bisson</span>.</p>
  73. <p><em>Associé fondateur du cabinet de conseil Carbone 4 et président fondateur du think tank The Shift Project, qui compte parmi ses financeurs des groupes comme EDF, Bouygues et Vinci, ce polytechnicien est l’un des concepteurs du bilan carbone. Parmi ses publications : <a href="https://jancovici.com/publications-et-co/livres/dormez-tranquilles-jusquen-2100/" target="_blank" rel="noopener">Dormez tranquilles jusqu’en 2100</a> (Odile Jacob,2015) et, avec Christophe Blain, la bande dessinée documentaire <a href="https://jancovici.com/publications-et-co/livres/le-monde-sans-fin/" target="_blank" rel="noopener">Le Monde sans fin</a> (Dargaud, 2021).</em></p>
  74. <hr>
  75. <p><strong>Dans Le Monde sans fin, vous rappelez que chaque humain consomme en moyenne 22.000 kilowatts heure par an, provenant essentiellement du gaz, du pétrole et du charbon. Convertis en énergie humaine, ce serait l’équivalent de 200 esclaves à notre service en permanence, et même 600 pour les Français. Doit-on se résoudre à la fin de cette énergie abondante ?</strong></p>
  76. <p>La réponse est oui, malheureusement : on doit se résoudre à la fin progressive des énergies fossiles, qui <a href="https://jancovici.com/transition-energetique/series-longues/france/" target="_blank" rel="noopener">représentent 80% de notre approvisionnement énergétique</a>, et qui ont fait le 19e et 20e siècle. La première limite est géologique, en amont : pour former des combustibles fossiles, <a href="https://jancovici.com/transition-energetique/petrole/comment-se-forment-petrole-gaz-et-charbon/" target="_blank" rel="noopener">il faut des dizaines ou des centaines de millions d’années</a> – donc on s’en sert un million de fois plus vite qu’elles ne se forment. Se séparer de l’énergie fossile est dès lors inexorable. Ça a même déjà commencé pour le pétrole conventionnel : son extraction mondiale a atteint son maximum en 2008, et depuis l’approvisionnement européen décline. D’ici à 2050, <a href="https://theshiftproject.org/wp-content/uploads/2021/05/Approvisionnement-petrolier-futur-de-lUE_Shift-Project_Mai-2021_RAPPORT-COMPLET.pdf" target="_blank" rel="noopener">il pourrait être divisé par trois</a>, parce que la production mondiale sera elle-même divisée par deux et que les pays producteurs voudront évidemment garder du pétrole pour eux.</p>
  77. <p>En Europe, <a href="https://jancovici.com/transition-energetique/charbon/le-pic-de-production-pour-le-charbon-on-peut-en-voir-quelque-part/" target="_blank" rel="noopener">charbon</a> et <a href="https://jancovici.com/transition-energetique/gaz/le-pic-de-production-il-y-en-aussi-eu-pour-le-gaz/" target="_blank" rel="noopener">gaz</a> sont aussi contraints à la baisse pour des raisons géologiques. Et cette décrue énergétique annonce une contraction de l’activité économique, car <a href="https://jancovici.com/transition-energetique/l-energie-et-nous/lenergie-de-quoi-sagit-il-exactement/" target="_blank" rel="noopener">l’énergie, c’est les machines, qui sont indispensables pour faire fonctionner l’économie</a>. Si vous manquez d’énergie, la production baisse. Roosevelt comptait les trains pour savoir si l’économie allait bien. Si on regarde aujourd’hui la quantité de logements construits en Europe ou le nombre d’objets produits, on constate que l’économie n’est plus en croissance depuis le pic pétrolier mondial. Ce que nous vivons n’est pas une crise, mais le début d’une mutation.</p>
  78. <p><strong>Quelle est la seconde limite à la consommation d’énergies fossiles ?</strong></p>
  79. <p>Le climat. C’est la contrainte en aval, mais elle est plus urgente encore. Nous devons diviser par trois nos émissions de gaz à effet de serre d’ici 2050 si on souhaite conserver une planète vivable. Or ces émissions sont en grande partie dues à la consommation d’énergies fossiles.</p>
  80. <p><strong>Que se passe-t-il si on ne fait rien, ou pas grand-chose ?</strong></p>
  81. <p>Nous allons « rôtir ». Nous en sommes à 1,2 degré d’élévation de la température moyenne planétaire par rapport à l’ère pré-industrielle et on constate déjà des vagues de chaleur et des sécheresses qui font mourir une partie de la forêt française, mettent à mal les récoltes, ont tué 15% des coraux, occasionné des inondations monstrueuses… Ces phénomènes ont aussi commencé à engendrer des migrations et des émeutes de la faim. <a href="https://www.youtube.com/watch?v=yiBrP7N9FkA" target="_blank" rel="noopener">Certaines ont conduit aux Printemps arabes</a>. Tout cela illustre ce qui va nous arriver à beaucoup plus grande échelle avec une dérive climatique qui s’amplifie.</p>
  82. <p><strong>Réduire les émissions de gaz à effet de serre de 5% chaque année, ce qui équivaut à une épidémie de Covid de plus tous les ans. Comment peut-on encaisser cela ?</strong></p>
  83. <p>Je ne sais pas, mais je suis preneur de la solution ! Cette image est là pour frapper les esprits. Entre 1942 et 1945, les Etats-Unis ont reconfiguré 30% de leur PIB. On doit viser des bouleversements de cet ordre-là, une forme d’économie de guerre, et pas se demander si on va nommer un directeur du développement durable dans telle entreprise. Nos dirigeants, essentiellement des avocats et des personnes formées en sciences humaines, ne l’ont pas compris. Ils considèrent encore que l’énergie et le climat sont détachables du reste, alors même que c’est ce qui rend tout le reste possible. Ils pensent qu’on peut encore attendre pour rétablir la situation. Or la grosse différence entre agir et subir, c’est que dans un cas, on planifie et on s’organise. Dans l’autre, on ne fait que prendre des baffes.</p>
  84. <p><strong>Si l’énergie fait tourner le monde, comment alors préparer la sobriété ?</strong></p>
  85. <p>La sobriété va nous tomber dessus de toute façon. Il y a trois manières d’économiser de l’énergie. La première, c’est l’efficacité : j’utilise moins d’énergie pour fabriquer un smartphone qui reste identique, et le faire tourner. La deuxième, la sobriété : je choisis délibérément un smartphone plus petit et je le conserve trois fois plus longtemps que mon voisin. La troisième manière, c’est la pauvreté, qui est de la sobriété subie, et qui rend donc très malheureux. La différence entre les deux, c’est uniquement le caractère volontaire : acheter volontairement des vêtements d’occasion rend beaucoup plus heureux qu’y être contraint parce qu’on n’a pas les moyens d’acheter du neuf.</p>
  86. <p><strong>Quelles seraient les priorités pour atteindre cette sobriété ?</strong></p>
  87. <p>Dans le secteur du logement par exemple, il vaudrait mieux rénover que construire. Le deuxième poste est lié à nos achats. Là c’est assez simple : il faut acheter moins de choses. On renouvelle moins souvent le canapé, les chaises ou la machine à laver. On répare. Le troisième poste concerne la manière dont on se déplace. Si on veut utiliser moins d’énergie, il faut que chaque personne utilise un véhicule moins lourd – passer de la grosse à la petite voiture, de la petite voiture au vélo – et se déplace moins vite. On réduit la vitesse sur les routes, on ne prend plus l’avion…</p>
  88. <p>Et le dernier poste, très important, c’est celui de l’alimentation. La première marge de manœuvre consiste à diminuer la taille du cheptel bovin, à cause du méthane qu’il produit et qui est un puissant gaz à effet de serre. Il faut réduire aussi l’utilisation d’engrais azotés, qui émettent du protoxyde d’azote, un autre gaz à effet de serre. Les deux tiers de la surface agricole utile servent à nourrir les animaux, donc si on mange moins d’animaux, et surtout moins de viande rouge, l’agriculture exercera moins de pression. On peut cultiver à la place des pois chiches et des lentilles, des protéines végétales.</p>
  89. <p><strong>Selon vous, les énergies fossiles ont notamment permis l’émergence de la classe moyenne. La fin de l’énergie abondante la condamne-t-elle ?</strong></p>
  90. <p>A terme, ça la remet en question de façon évidente. Avec l’énergie, on a vu l’émergence du confort matériel chez tous, du pouvoir d’achat pour tous. Et la modification du type d’activité avec le développement du secteur tertiaire. Est-ce que la décrue énergétique va permettre de conserver ce genre de travail, de services ? A terme, pas dans les mêmes volumes. La société va devoir se structurer différemment.</p>
  91. <p><strong>Comment vont évoluer les emplois ?</strong></p>
  92. <p>Dans un monde avec moins d’énergie, plus de gens vont devoir travailler avec leurs mains. Il y aura moins d’emplois dans la construction automobile, mais on aura besoin de mettre 300.000 personnes dans ce qu’on appelle le système vélo : les fabriquer, les entretenir, les utiliser pour les livraisons… Ce sont des emplois matériellement moins prédateurs. Il va de même falloir remettre du monde dans l’agriculture. L’énergie abondante a aussi permis d’augmenter la taille des entreprises, la sobriété énergétique va conduire à l’inverse. Quelles multinationales existaient il y a deux siècles ? L’Eglise et les comptoirs liés à la colonisation. L’économie mondialisée est une économie sous perfusion énergétique, ne serait-ce que pour déplacer des porte-containers. Raccourcir les chaînes de valeur va poser un vrai problème à un pays comme le nôtre, qui ne dispose de quasiment aucune matière première. Il faudra qu’on choisisse de quel étranger dépendre.</p>
  93. <p><strong>Pourra-t-on continuer à vivre en ville ?</strong></p>
  94. <p>L’Ile-de-France, avec ses 10 millions d’habitants, est une création de l’énergie abondante. Pour faire survivre une agglomération pareille, où aucun aliment n’est produit sur place, vous avez besoin de transports longue distance, donc d’énergie. Un camion sur trois en France transporte quelque chose qui se mange. Vous avez besoin d’emballages donc de plastique, de métal, de bois… donc d’énergie pour les mettre en forme. Vous avez besoin de transport longue distance pour faire venir vos vêtements, vos meubles, votre électronique, votre tube de dentifrice… Le projet du grand Paris, qui consiste à étaler encore la ville, est totalement anachronique. Il a un siècle de retard.</p>
  95. <p><strong>Que serait un projet avec un siècle d’avance ?</strong></p>
  96. <p>Ce sont des petites villes, dont le rayon de dépendance diminue. Vous continuez à faire venir du sel de la mer quand vous habitez à Strasbourg, mais autour de la ville vous avez des fermes qui produisent de la nourriture et des fabriques qui produisent des meubles. Et si Strasbourg devient trois fois plus petite, vous avez besoin de trois fois moins de transport.</p>
  97. <p><strong>Mais que fait-on des deux tiers des Strasbourgeois qui doivent déménager ?</strong></p>
  98. <p>Je n’ai pas encore la réponse. En revanche, je peux inviter les urbanistes à raisonner avec le bon cahier des charges : puisque l’énergie permet la vascularisation des villes, il va falloir diminuer l’activité urbaine si on ne veut pas risquer la thrombose. Encore une fois, la première étape consiste à organiser la transition.</p>
  99. <p><strong>Va-t-on revenir, comme le craint une partie de la population, à une vie d’avant le pétrole, au monde de la lampe à huile ?</strong></p>
  100. <p>Non, le monde à l’avenir se situera quelque part entre la civilisation pré-industrielle et l’état du monde actuel, avec un niveau de confort qui dépendra de deux critères. Le premier sera la quantité d’énergies décarbonées et pilotables que l’on pourra utiliser : on connaît très bien les énergies diffuses et intermittentes, comme le solaire ou l’éolien, car ce sont celles dont on disposait avant la révolution industrielle. Elles sont plus performantes aujourd’hui, c’est indéniable. Mais serons-nous capables demain de produire, rénover et entretenir un parc mondial entièrement éolien et solaire sans les énergies fossiles d’aujourd’hui ? Ca reste à prouver.</p>
  101. <p>La seule énergie pilotable, décarbonée et dense qui existe s’appelle le nucléaire – et l’hydroélectricité, pour les pays qui ont la chance d’avoir des montagnes. Mais le nucléaire est un parachute ventral, il permet d’atterrir en évitant de se fracasser quand les combustibles fossiles ne seront plus là, mais vous risquez tout de même de vous faire une entorse et de vous casser le nez, ce qui signifie que nous allons devoir faire de gros efforts de toute façon. Le deuxième critère sera notre capacité à produire de façon très sobre. On a accumulé du capital intellectuel depuis la révolution industrielle, on sait produire avec moins. On pourra donc garder une partie de notre confort, mais pas dans les dimensions de gigantisme qu’on connaît aujourd’hui.</p>
  102. <p><strong>Comment réduire la consommation d’énergie sans que ce soit liberticide ?</strong></p>
  103. <p>Les restrictions à la liberté ont toujours existé. Avec la fin des machines triomphantes, on va devoir renoncer à une partie de notre liberté individuelle, comme celle de partir à 3000 km en avion si ça nous chante. Il va falloir trouver l’enchantement du voyage en allant moins loin, ce qui n’est pas gravissime. Mais c’est une liberté pour une autre : en imposant des contraintes énergétiques et climatiques, on va gagner de la sécurité collective pour l’avenir. On va aussi gagner un but. C’est important, un but, c’est mobilisateur. Et la bonne question à se poser c’est de savoir si cela nous rendra plus malheureux. Ce qui dépend en réalité du caractère volontaire ou non de ce changement.</p>
  104. <p><strong>Qui doit donner l’impulsion ? Les citoyens, le secteur privé, les politiques ?</strong></p>
  105. <p>Tout le monde a un rôle à jouer dans cette histoire, sans attendre les autres. Les citoyens peuvent changer leur mode de vie pour montrer aux politiques qu’ils sont prêts à ce que la règle change. C’est en voyant des associations, des petites entreprises, des élus locaux faire des choses que l’étage du dessus va sentir la pression et changer les règles. Sauf à avoir un visionnaire à la tête de l’Etat. Mais ça, ça demande une période de crise. Et nous n’y sommes pas encore suffisamment enfoncés.</p>
  106. </article>
  107. <hr>
  108. <footer>
  109. <p>
  110. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  111. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  112. </svg> Accueil</a> •
  113. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  114. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  115. </svg> Suivre</a> •
  116. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  117. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  118. </svg> Pro</a> •
  119. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  120. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  121. </svg> Email</a> •
  122. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  123. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  124. </svg> Légal</abbr>
  125. </p>
  126. <template id="theme-selector">
  127. <form>
  128. <fieldset>
  129. <legend><svg class="icon icon-brightness-contrast">
  130. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  131. </svg> Thème</legend>
  132. <label>
  133. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  134. </label>
  135. <label>
  136. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  137. </label>
  138. <label>
  139. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  140. </label>
  141. </fieldset>
  142. </form>
  143. </template>
  144. </footer>
  145. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  146. <script>
  147. function loadThemeForm(templateName) {
  148. const themeSelectorTemplate = document.querySelector(templateName)
  149. const form = themeSelectorTemplate.content.firstElementChild
  150. themeSelectorTemplate.replaceWith(form)
  151. form.addEventListener('change', (e) => {
  152. const chosenColorScheme = e.target.value
  153. localStorage.setItem('theme', chosenColorScheme)
  154. toggleTheme(chosenColorScheme)
  155. })
  156. const selectedTheme = localStorage.getItem('theme')
  157. if (selectedTheme && selectedTheme !== 'undefined') {
  158. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  159. }
  160. }
  161. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  162. window.addEventListener('load', () => {
  163. let hasDarkRules = false
  164. for (const styleSheet of Array.from(document.styleSheets)) {
  165. let mediaRules = []
  166. for (const cssRule of styleSheet.cssRules) {
  167. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  168. continue
  169. }
  170. // WARNING: Safari does not have/supports `conditionText`.
  171. if (cssRule.conditionText) {
  172. if (cssRule.conditionText !== prefersColorSchemeDark) {
  173. continue
  174. }
  175. } else {
  176. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  177. continue
  178. }
  179. }
  180. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  181. }
  182. // WARNING: do not try to insert a Rule to a styleSheet you are
  183. // currently iterating on, otherwise the browser will be stuck
  184. // in a infinite loop…
  185. for (const mediaRule of mediaRules) {
  186. styleSheet.insertRule(mediaRule.cssText)
  187. hasDarkRules = true
  188. }
  189. }
  190. if (hasDarkRules) {
  191. loadThemeForm('#theme-selector')
  192. }
  193. })
  194. </script>
  195. </body>
  196. </html>