fixed how most of the darkmode looks

TUM-Dev · Feb 27, 2024 · 9c9f349 · 9c9f349
1 parent d310e4c
commit 9c9f349
Show file tree

Hide file tree

Showing 25 changed files with 139 additions and 242 deletions.
diff --git a/webclient/index.html b/webclient/index.html
@@ -64,7 +64,7 @@
   <body class="relative">
     <noscript>
       <div class="mx-auto mt-16 max-w-3xl">
-        <div class="rounded-sm bg-red-300 p-1.5 text-red-950">
+        <div class="bg-red-300 rounded-sm p-1.5 text-red-950">
           JavaScript is required to use this application, as our main functionality (search bar, map) depends on
           this.<br />
           We do not think that there is a graceful fallback or any option for progressive enhancement, but are planning
@@ -74,7 +74,7 @@
       </div>
     </noscript>
     <!-- BEGIN of Vue.js template code -->
-    <div id="app"></div>
+    <div id="app" class="bg-zinc-50"></div>
     <!-- END of Vue.js template code -->
 
     <script type="module" src="/src/main.ts" defer></script>

diff --git a/webclient/package.json b/webclient/package.json
@@ -24,6 +24,7 @@
     "@vueuse/core": "10.7.2",
     "maplibre-gl": "4.0.1",
     "markdown-it-prism": "2.3.0",
+    "nightwind": "^1.1.13",
     "pinia": "2.1.7",
     "swagger-ui-dist": "5.11.6",
     "swaggerdark": "github:octycs/SwaggerDark#f02d394c8ff698cdd93e09c2188b058d2d686ca3",