9fc72b4671
- app.css: add @custom-variant dark so Tailwind v4 respects .dark class on <html> instead of always following OS prefers-color-scheme. - app.html: remove hardcoded class="light" (now set dynamically). - +layout.svelte: toggle .dark/.light on <html> when ae_loc.theme_mode changes. - e_app_theme.svelte: related theme toggle changes.
44 lines
1.6 KiB
HTML
44 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-theme="">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
|
|
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
|
|
integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
|
|
crossorigin="anonymous"
|
|
referrerpolicy="no-referrer"
|
|
/>
|
|
|
|
<!-- <link href="app.css" rel="stylesheet"> -->
|
|
|
|
%sveltekit.head%
|
|
</head>
|
|
<!-- h-full w-full overflow-auto -->
|
|
<!-- overflow-x-scroll -->
|
|
<body data-sveltekit-preload-data="hover" class="h-full w-full">
|
|
<div style="display: contents" class="">%sveltekit.body%</div>
|
|
</body>
|
|
</html>
|