fixed tailwind hack

pkg/embedfs/files/css/input.css

@@ -1,19 +1,10 @@
+@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");
 @import "tailwindcss";
 
-@source "../../../../internal/view/component/footer/footer.templ";
-@source "../../../../internal/view/component/nav/navbarleft.templ";
-@source "../../../../internal/view/component/nav/navbarright.templ";
-@source "../../../../internal/view/component/nav/navbar.templ";
-@source "../../../../internal/view/component/nav/sidenav.templ";
-@source "../../../../internal/view/component/popup/error500Popup.templ";
-@source "../../../../internal/view/component/popup/error503Popup.templ";
-@source "../../../../internal/view/layout/global.templ";
-@source "../../../../internal/view/page/error.templ";
-@source "../../../../internal/view/page/index.templ";
-
 [x-cloak] {
   display: none !important;
 }
+
 @theme inline {
   --color-rosewater: var(--rosewater);
   --color-flamingo: var(--flamingo);
@@ -43,6 +34,7 @@
   --color-mantle: var(--mantle);
   --color-crust: var(--crust);
 }
+
 :root {
   --rosewater: hsl(11, 59%, 67%);
   --flamingo: hsl(0, 60%, 67%);
@@ -102,6 +94,7 @@
   --mantle: hsl(240, 21%, 12%);
   --crust: hsl(240, 23%, 9%);
 }
+
 .ubuntu-mono-regular {
   font-family: "Ubuntu Mono", serif;
   font-weight: 400;

pkg/embedfs/files/css/output.css

@@ -1,4 +1,5 @@
 /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -37,6 +38,33 @@
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
+    --color-rosewater: var(--rosewater);
+    --color-flamingo: var(--flamingo);
+    --color-pink: var(--pink);
+    --color-mauve: var(--mauve);
+    --color-red: var(--red);
+    --color-dark-red: var(--dark-red);
+    --color-maroon: var(--maroon);
+    --color-peach: var(--peach);
+    --color-yellow: var(--yellow);
+    --color-green: var(--green);
+    --color-teal: var(--teal);
+    --color-sky: var(--sky);
+    --color-sapphire: var(--sapphire);
+    --color-blue: var(--blue);
+    --color-lavender: var(--lavender);
+    --color-text: var(--text);
+    --color-subtext1: var(--subtext1);
+    --color-subtext0: var(--subtext0);
+    --color-overlay2: var(--overlay2);
+    --color-overlay1: var(--overlay1);
+    --color-overlay0: var(--overlay0);
+    --color-surface2: var(--surface2);
+    --color-surface1: var(--surface1);
+    --color-surface0: var(--surface0);
+    --color-base: var(--base);
+    --color-mantle: var(--mantle);
+    --color-crust: var(--crust);
   }
 }
 @layer base {
@@ -208,6 +236,9 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .end-0 {
     inset-inline-end: calc(var(--spacing) * 0);
   }
@@ -271,6 +302,9 @@
   .block {
     display: block;
   }
+  .contents {
+    display: contents;
+  }
   .flex {
     display: flex;
   }
@@ -289,6 +323,9 @@
   .inline-flex {
     display: inline-flex;
   }
+  .table {
+    display: table;
+  }
   .size-5 {
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
@@ -420,9 +457,6 @@
   .bg-base {
     background-color: var(--base);
   }
-  .bg-blue {
-    background-color: var(--blue);
-  }
   .bg-crust {
     background-color: var(--crust);
   }
@@ -559,6 +593,10 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
   .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -575,16 +613,6 @@
       }
     }
   }
-  .hover\:bg-blue\/75 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--blue);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--blue) 75%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-crust {
     &:hover {
       @media (hover: hover) {
@@ -693,11 +721,6 @@
       display: none;
     }
   }
-  .sm\:inline {
-    @media (width >= 40rem) {
-      display: inline;
-    }
-  }
   .sm\:justify-between {
     @media (width >= 40rem) {
       justify-content: space-between;
@@ -999,6 +1022,11 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -1034,6 +1062,7 @@
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
       --tw-duration: initial;
     }
   }

pkg/embedfs/files/js/theme.js

@@ -1,3 +1,5 @@
+// This function prevents the 'flash of unstyled content'
+// Include it at the top of <head>
 (function() {
   let theme = localStorage.getItem("theme") || "system";
   if (theme === "system") {