Make language switch show current language

Author: akudev

assets/css/custom.css

@@ -73,15 +73,23 @@
 
   .language-switch-button {
     background-color: rgba(0, 0, 0, 0.5);
+    border-width: 2px;
+    border-style: solid;
+    border-color: white;
+    border-radius: 5px;
     color: white;
-    border: none;
     padding: 5px 10px;
-    border-radius: 5px;
     cursor: pointer;
     transition: opacity 0.3s, background-color 0.3s;
     opacity: 0.7;
   }
 
+  body.page-language-js .language-switch-button.lang-js,
+  body.page-language-ts .language-switch-button.lang-ts {
+    background-color: black;
+    color: white;
+  }
+
   .language-switch-button:hover {
     opacity: 1;
     background-color: rgba(0, 0, 0, 0.8);

assets/js/custom.js

@@ -221,6 +221,7 @@ function createLanguageButton(text, lang) {
 	const button = document.createElement("button");
 	button.textContent = text;
 	button.classList.add("language-switch-button");
+	button.classList.add("lang-" + lang);
 	button.addEventListener("click", () => switchLanguage(lang));
 	return button;
 }