Dark Mode gefixt

backend/public/css/style.css

@@ -381,6 +381,26 @@ body.dark section{
     background:#1f2937;
 }
 
+body.dark .modal,
+body.dark .modal-content{
+    background:#f8fafc;
+    color:#0f172a;
+}
+
+body.dark .modal label,
+body.dark .modal h3,
+body.dark .modal b{
+    color:#0f172a;
+}
+
+body.dark .modal input,
+body.dark .modal textarea,
+body.dark .modal select{
+    background:#ffffff;
+    color:#0f172a;
+    border-color:#94a3b8;
+}
+
 body.dark th{
     background:#111827;
 }
@@ -495,3 +515,20 @@ body.dark .dns-badge.off{
 body.dark .dns-detail{
     color:#94a3b8;
 }
+
+body.dark .infra-sub,
+body.dark .subdomain-detail{
+    color:#cbd5e1;
+}
+
+body.dark .infra-domain{
+    color:#bfdbfe;
+}
+
+body.dark .infra-ip{
+    color:#e2e8f0;
+}
+
+body.dark .system{
+    color:#cbd5e1;
+}

backend/public/js/infra.js

@@ -7,6 +7,15 @@ window.loadInfrastructure = async function(){
     const container = document.getElementById("infraView")
     container.innerHTML = ""
 
+    const formatSubdomainName = (subdomain, domainName) => {
+        if(!subdomain) return domainName || ""
+        if(!domainName) return subdomain
+
+        return subdomain.endsWith("." + domainName) || subdomain === domainName
+            ? subdomain
+            : subdomain + "." + domainName
+    }
+
     resources.forEach(r => {
 
         let html = `
@@ -45,7 +54,7 @@ window.loadInfrastructure = async function(){
                             html += `
                               <div class="infra-sub clickable"
                                 onclick='openSubEdit(${JSON.stringify(s)})'>
-                                ↳ ${s.subdomain}.${s.domain_name}
+                                ↳ ${formatSubdomainName(s.subdomain, s.domain_name)}
                               </div>
                             `