Updated webgen

components/nav.css

@@ -36,11 +36,6 @@ nav.home {
     filter: invert();
 }
 
-.wbutton.grayscaled.inline,
-.wbutton.grayscaled.secondary {
-    color: inherit;
-}
-
 nav.music {
     background: linear-gradient(166deg, #F19D2D 6.59%, #DB5721 101.73%);
 }

deno.jsonc

@@ -1,6 +1,6 @@
 {
     "imports": {
-        "webgen/": "https://raw.githubusercontent.com/lucsoft/WebGen/a537ca3/",
+        "webgen/": "https://raw.githubusercontent.com/lucsoft/WebGen/2722daa/",
         // "webgen/": "../WebGen/",
         "std/": "https://deno.land/[email protected]/",
         "shared/": "./pages/shared/"

pages/_legacy/newDrop.ts

@@ -1,6 +1,6 @@
 import { ZodError } from "https://deno.land/x/[email protected]/mod.ts";
 import { API, LoadingSpinner, stupidErrorAlert } from "shared/mod.ts";
-import { AdvancedImage, Body, Box, Button, ButtonStyle, Center, CenterV, Color, DropAreaInput, DropDownInput, Empty, Grid, Horizontal, Image, Label, MediaQuery, Spacer, SupportedThemes, TextInput, Validate, Vertical, WebGen, asState, createFilePicker, getErrorMessage } from "webgen/mod.ts";
+import { AdvancedImage, Body, Box, Button, ButtonStyle, Center, CenterV, Color, Custom, DropAreaInput, DropDownInput, Empty, Grid, Horizontal, Image, Label, MediaQuery, Spacer, SupportedThemes, TextInput, Validate, Vertical, WebGen, asState, createFilePicker, getErrorMessage } from "webgen/mod.ts";
 import '../../assets/css/main.css';
 import { DynaNavigation } from "../../components/nav.ts";
 import genres from "../../data/genres.json" with { type: "json" };
@@ -77,6 +77,7 @@ sheetStack.setDefault(Vertical(
 
 Body(sheetStack)
     .addClass("fullscreen");
+Custom(document.body).setAttribute("data-theme", undefined);
 
 const validator = (page: number) => async () => {
     const { error, validate } = Validate(state, pages[ page ]);

pages/hosting/dialogs/deleteFileDialog.ts

@@ -1,5 +1,5 @@
 import { Box, Button, Color, Grid, Label, SheetDialog, Vertical } from "webgen/mod.ts";
-import { sheetStack } from "../../../_legacy/helper.ts";
+import { sheetStack } from "../../_legacy/helper.ts";
 
 export function deleteFileDialog() {
     const response = Promise.withResolvers<boolean>();

pages/hosting/dialogs/deleteServerDialog.ts

@@ -1,6 +1,6 @@
 import { API, stupidErrorAlert } from "shared/restSpec.ts";
 import { Button, ButtonStyle, Color, Grid, Label, SheetDialog } from "webgen/mod.ts";
-import { sheetStack } from "../../../_legacy/helper.ts";
+import { sheetStack } from "../../_legacy/helper.ts";
 
 export const deleteServerDialog = (serverId: string) => {
     const sheet = SheetDialog(sheetStack, "Delete Server",

pages/hosting/dialogs/editServerDialog.ts

@@ -2,11 +2,11 @@ import { API, stupidErrorAlert } from "shared/restSpec.ts";
 import { SliderInput } from "shared/slider.ts";
 import { format } from "std/fmt/bytes.ts";
 import { Button, ButtonStyle, Color, DropDownInput, Grid, Label, MediaQuery, SheetDialog, TextInput, asState } from "webgen/mod.ts";
-import locations from "../../../../data/locations.json" with { type: "json" };
-import serverTypes from "../../../../data/servers.json" with { type: "json" };
-import { Server } from "../../../../spec/music.ts";
-import { sheetStack } from "../../../_legacy/helper.ts";
-import { MB, state } from "../../data.ts";
+import locations from "../../../data/locations.json" with { type: "json" };
+import serverTypes from "../../../data/servers.json" with { type: "json" };
+import { Server } from "../../../spec/music.ts";
+import { sheetStack } from "../../_legacy/helper.ts";
+import { MB, state } from "../data.ts";
 
 export const editServerDialog = (server: Server, versions: string[]) => {
     const data = asState({

pages/hosting/dialogs/forceRestartDialog.ts

@@ -1,6 +1,6 @@
 import { API, stupidErrorAlert } from "shared/restSpec.ts";
 import { Button, ButtonStyle, Color, Grid, Label, SheetDialog } from "webgen/mod.ts";
-import { sheetStack } from "../../../_legacy/helper.ts";
+import { sheetStack } from "../../_legacy/helper.ts";
 
 export const forceRestartDialog = (serverId: string) => {
     const sheet = SheetDialog(sheetStack, "Hard Restart",

pages/hosting/views/table2.css

@@ -48,5 +48,5 @@
 }
 
 .wlayer-inner {
-    z-index: -1;
+    /* z-index: -1; */
 }