Home Esplora Aiuto
Accedi
dyadmisha
/
dune-weaver
mirror da https://github.com/tuanchris/dune-weaver.git
1
0
Forka 0
File Problemi 0 Wiki
Sfoglia il codice sorgente

Use light theme for captive portal splash and WiFi setup pages

- Backend captive portal HTML: switch from dark (#0a0a0a) to light
  (#f8fafc) styling to match the OS captive portal webview chrome
- Frontend: force light mode when in captive portal context

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
tuanchris 4 mesi fa
parent
891ef2f853
commit
7c83522347
2 ha cambiato i file con 10 aggiunte e 7 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 2 0
      frontend/src/components/layout/Layout.tsx
  2. 8 7
      modules/wifi/router.py

+ 2 - 0
frontend/src/components/layout/Layout.tsx
Vedi File 

@@ -62,6 +62,8 @@ export function Layout() {
 
   const hasMultipleTables = tables.length > 1

 

   const [isDark, setIsDark] = useState(() => {

+    // Force light mode in captive portal to match the webview chrome

+    if (isCaptivePortal) return false

     if (typeof window !== 'undefined') {

       const saved = localStorage.getItem('theme')

       if (saved) return saved === 'dark'

+ 8 - 7
modules/wifi/router.py
Vedi File 

@@ -84,14 +84,15 @@ CAPTIVE_PORTAL_HTML = """<!DOCTYPE html>
 
         * { margin: 0; padding: 0; box-sizing: border-box; }

         body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

                display: flex; justify-content: center; align-items: center;

-               min-height: 100vh; background: #0a0a0a; color: #fafafa; padding: 1rem; }

-        .card { background: #1a1a1a; border-radius: 12px; padding: 2rem;

-                max-width: 400px; width: 100%; text-align: center; }

-        h1 { font-size: 1.5rem; margin-bottom: 0.5rem; }

-        p { color: #888; margin-bottom: 1.5rem; font-size: 0.9rem; }

-        a { display: inline-block; background: #3b82f6; color: white; padding: 0.75rem 2rem;

+               min-height: 100vh; background: #f8fafc; color: #0f172a; padding: 1rem; }

+        .card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px;

+                padding: 2rem; max-width: 400px; width: 100%; text-align: center;

+                box-shadow: 0 1px 3px rgba(0,0,0,0.1); }

+        h1 { font-size: 1.5rem; margin-bottom: 0.5rem; font-weight: 600; }

+        p { color: #64748b; margin-bottom: 1.5rem; font-size: 0.9rem; }

+        a { display: inline-block; background: #2563eb; color: white; padding: 0.75rem 2rem;

             border-radius: 8px; text-decoration: none; font-weight: 500; }

-        a:hover { background: #2563eb; }

+        a:hover { background: #1d4ed8; }

     </style>

 </head>

 <body>