static/css/cours.css

@@ -1,13 +1,5 @@
 @import "markdown.css";
 
-:root {
-  --max-width: 900px;
-}
-
-main {
-  max-width: var(--max-width);
-}
-
 /* Filetree */
 aside {
   float: left;

static/css/markdown.css

@@ -182,7 +182,6 @@ pre:has(code.language-mermaid) {
 /* Tables */
 table {
   border-collapse: collapse;
-  margin-inline: auto;
 }
 
 th,

static/js/cours.js

@@ -80,16 +80,11 @@ const deepestNodeOpened = (path, options) => {
   }
 };
 
-const Mode = {
+const svgDarkTheme = () => {
-  Light: 1,
-  Dark: 2,
-};
-
-const svgChangeTheme = (mode) => {
   for (const item of document.getElementsByTagName("img")) {
     if (!item.src.startsWith("data:image/svg+xml;base64,")) {
       // Exclude image who aren't SVG and base64 encoded
-      continue;
+      break;
     }
 
     /** Convert to grayscale */
@@ -134,19 +129,9 @@ const svgChangeTheme = (mode) => {
     const totalGrayscale = grayscaleValues.reduce((acc, val) => acc + val, 0);
     const averageGrayscale = totalGrayscale / grayscaleValues.length;
 
-    const treshold = 128;
+    if (averageGrayscale < 128) {
-
-    if (averageGrayscale < treshold && mode === Mode.Dark) {
       item.style = "filter: invert(1);";
-      continue;
     }
-
-    if (averageGrayscale > treshold && mode === Mode.Light) {
-      item.style = "filter: invert(1);";
-      continue;
-    }
-
-    item.style = "";
   }
 };
 
@@ -175,16 +160,13 @@ window.addEventListener("load", () => {
     uncollapse(last_openeded);
   }
 
-  // Fix SVG images
+  // Fix SVG images in dark mode
-  svgChangeTheme(
+  if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
-    window.matchMedia("(prefers-color-scheme: dark)").matches
+    svgDarkTheme();
-      ? Mode.Dark
+  }
-      : Mode.Light
-  );
 });
 
+// Is this working?
 window
   .matchMedia("(prefers-color-scheme: dark)")
-  .addEventListener("change", (event) =>
+  .addEventListener("change", svgDarkTheme);
-    svgChangeTheme(event.matches ? Mode.Dark : Mode.Light)
-  );