redactor

static/css/main.css

@@ -6,4 +6,46 @@ main.container{scroll-margin-top: 4rem;}
 .btn .bi{margin-right:.35rem}
 .form-progress{height:4px}
 .spinner-inline{display:inline-flex;align-items:center;gap:.5rem}
+    
+
+/* Modern dark theme */
+:root{
+  --bg-elev: #111318;
+  --bg-header: linear-gradient(180deg, #0e1015 0%, #0b0d11 100%);
+  --accent: #4cc9f0;
+  --accent-2: #a78bfa;
+  --text: #e6e8ee;
+  --muted: #a3a6b0;
+  --link-bg: rgba(255,255,255,.06);
+  --link-bg-active: rgba(76,201,240,.18);
+  --border: rgba(255,255,255,.08);
+}
+*{font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif}
+body{background-color:#0b0d11;color:var(--text)}
+
+.header1{
+  background: var(--bg-header);
+  border-bottom: 1px solid var(--border);
+  position: sticky; top:0; z-index: 1030;
+}
+.header1 .logo{font-weight:700; letter-spacing:.2px}
+.header1 .logo .fa-globe{color: var(--accent)}
+
+.menu-link{
+  display:inline-flex; align-items:center; gap:.4rem;
+  color: var(--text); text-decoration:none;
+  padding:.5rem .8rem; border-radius:.7rem;
+  background: transparent; transition: all .18s ease;
+  border:1px solid transparent;
+}
+.menu-link:hover{background: var(--link-bg); color:#fff; border-color: var(--border)}
+.menu-link.active{background: var(--link-bg-active); border-color: rgba(76,201,240,.35); box-shadow: 0 0 0 .15rem rgba(76,201,240,.12) inset}
+.menu-link:focus-visible{outline: 2px solid var(--accent-2); outline-offset: 2px}
+.menu .btn{border-radius:.7rem}
+
+.card{background: var(--bg-elev); border-color: var(--border)}
+.table{--bs-table-bg: transparent; color: var(--text)}
+.badge{background: var(--link-bg); color: var(--text)}
+
+a{color: var(--accent)} a:hover{color:#7dd3ff}