Fixup styles

doc/docs/index.md

@@ -20,7 +20,7 @@ You'll be able to deploy your project in [:material-kubernetes: Kubernetes](http
 
 It uses your current file and optionnaly labels to configure the result.
 
-It's an opensource project, under MIT licence, partially developped at [Smile](https://smile.eu). The project source code is hosted on the [:fontawesome-brands-github: Katenary GitHub Repository](https://github.com/metal3d/katenary).
+It's an opensource project, under MIT licence, partially developped at [Smile](https://www.smile.eu). The project source code is hosted on the [:fontawesome-brands-github: Katenary GitHub Repository](https://github.com/metal3d/katenary).
 
 
 ## Install Katenary

doc/docs/statics/addons.js

@@ -1,30 +1,3 @@
-function addSmileLogo() {
-  const logo = document.createElement("img");
-  logo.src = "/statics/Logo_Smile.png";
-  logo.classList.add("smile-logo");
-  logo.alt = "Smile logo";
-
-  const link = document.createElement("a");
-  link.href = "https://www.smile.eu";
-  link.target = "_blank";
-  link.title = "Smile website";
-  link.classList.add("smile-logo");
-  link.appendChild(logo);
-
-  const text = document.createElement("p");
-  text.innerHTML = "Sponsored by Smile";
-
-  const div = document.createElement("div");
-  div.classList.add("smile-logo");
-  div.appendChild(text);
-  div.appendChild(link);
-
-  logo.addEventListener("load", () => {
-    let side = document.querySelector(".md-footer-meta__inner");
-    side.appendChild(div);
-  });
-}
-
 function hljsInstall() {
   const version = "11.5.1";
   const theme = "github-dark";
@@ -36,13 +9,12 @@ function hljsInstall() {
     style.rel = "stylesheet";
     style.href = `//cdnjs.cloudflare.com/ajax/libs/highlight.js/${version}/styles/${theme}.min.css`;
     document.head.appendChild(style);
-    hljs.initHighlightingOnLoad();
+    hljs.highlightAll();
   };
 
   document.head.appendChild(script);
 }
 
 document.addEventListener("DOMContentLoaded", () => {
-  addSmileLogo();
   hljsInstall();
 });

doc/docs/statics/main.css

@@ -1,17 +1,21 @@
 :root {
-  --md-primary-fg-color: #333333;
+  --code-bg-color: var(--lt-color-gray-800);
+  --code-fg-color: var(--lt-color-gray-300);
+  --md-primary-fg-color: var(--lt-color-gray-900);
 }
+
+[data-md-color-scheme="default"] {
+  --md-primary-fg-color: var(--md-code-fg-color);
+}
+
 div.smile-logo {
   display: flex;
   font-size: 0.7rem;
 }
-img.smile-logo {
+
+div.smile-logo img {
   width: 100px;
 }
-pre code.hljs {
-  background-color: var(--md-primary-fg-color);
-  color: var(--md-primary-bg-color);
-}
 
 button.md-clipboard::after {
   transition: all 0.5s ease;
@@ -38,3 +42,9 @@ article a:visited {
 .go-logo {
   font-size: 4em;
 }
+
+/* HLJS */
+pre code.hljs {
+  background-color: var(--code-bg-color);
+  color: var(--code-fg-color);
+}