Implement user management

Implement dark mode for UI
2026-06-17 16:20:03 +00:00 · 2024-02-06 01:56:38 +01:00
parent 310bff3b8c
commit 64280579f2
28 changed files with 445 additions and 325 deletions
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<!--
+This file is auto-generated by Vaadin.
+-->
+
+<html>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <style>
+    body, #outlet {
+      height: 100vh;
+      width: 100%;
+      margin: 0;
+    }
+  </style>
+  <!-- index.ts is included here automatically (either by the dev server or during the build) -->
+</head>
+<body>
+  <!-- This outlet div is where the views are rendered -->
+  <div id="outlet"></div>
+</body>
+</html>
@@ -0,0 +1,12 @@
+window.applyTheme = () => {
+    const theme = window.matchMedia("(prefers-color-scheme: dark)").matches
+        ? "dark"
+        : "";
+    document.documentElement.setAttribute("theme", theme);
+};
+window
+    .matchMedia("(prefers-color-scheme: dark)")
+    .addEventListener('change', function () {
+        window.applyTheme()
+    });
+window.applyTheme();