tailwind: upgrade a17t, somewhat functional dark mode

instead of adding dark: variants to each element, a preprocessor script
adds them. still needs to be implemented to typescript.

site/ts/main.ts

@@ -29,8 +29,8 @@ const dockerUnstable = document.getElementById("docker-unstable");
 stableButton.onclick = () => {
     debUnstable.classList.add("unfocused");
     dockerUnstable.classList.add("unfocused");
-    stableButton.classList.add("!high");
-    unstableButton.classList.remove("!high");
+    stableButton.classList.add("@high");
+    unstableButton.classList.remove("@high");
     stableSect.classList.remove("unfocused");
     unstableSect.classList.add("unfocused");
 
@@ -39,8 +39,8 @@ stableButton.onclick = () => {
 unstableButton.onclick = () => {
     debUnstable.classList.remove("unfocused");
     dockerUnstable.classList.remove("unfocused");
-    unstableButton.classList.add("!high");
-    stableButton.classList.remove("!high");
+    unstableButton.classList.add("@high");
+    stableButton.classList.remove("@high");
     stableSect.classList.add("unfocused");
     unstableSect.classList.remove("unfocused");
 }

site/ts/repo.ts

@@ -39,7 +39,7 @@ export const loadBuilds = () => {
                 <span class="ml-half chev"></span>
             </span>
             <div class="dropdown-display above">
-                <div class="card ~info !low">
+                <div class="card ~info @low">
             `;
             for (let arch in categories[buildName]) {
                 innerHTML += `