fix css issue and box resizing

Author: dragoncoder047

static/css/prism.css

@@ -95,6 +95,7 @@ pre[data-line] {
     /* Same as .prism’s padding-top */
 
     background: #706000;
+    z-index: -1; /* Show text over it; */
 
     pointer-events: none;
 
@@ -169,7 +170,7 @@ pre[class*="language-"].line-numbers>code {
 }
 
 .token a {
-    color: inherit;
+    color: inherit!important;
 }
 
 div.code-toolbar {

static/css/prism_orig.css

@@ -1,3 +1,6 @@
+window.addEventListener("DOMContentLoaded", () => {
+
+
 (function () {
     // Images click
     for (var image of document.querySelectorAll("img[src]")) {
@@ -36,3 +39,17 @@
     setInterval(updateThemedStuff, 1000); // allow time for giscus frame to load; and afterwards if it takes longer
     dmmq.addEventListener('change', updateThemedStuff);
 })();
+
+
+
+});
+
+if (window.Prism) {
+    var timeout;
+    window.addEventListener("resize", () => {
+        // debounce
+        if (timeout) clearTimeout(timeout);
+        timeout = setTimeout(() => Prism.highlightAll(), 200);
+    });
+    // make sure that the line highlight boxes resize appropriately.
+}