Homepage: fix Open Editor button color via class

Author: pepc84

assets/nav.js

@@ -114,7 +114,7 @@
         body.dark-mode .hero-link { color:#89b4fa !important; border-color:#89b4fa !important; }
         body.dark-mode .hero-link:hover { border-color:#cdd6f4 !important; color:#cdd6f4 !important; }
         body.dark-mode .hero-btn-download { background:#e8b400 !important; color:#111 !important; }
-        body.dark-mode a[href='/editor'], body.dark-mode a[href='/editor/'] { background:#4b9cd3 !important; color:#fff !important; }
+        body.dark-mode .hero-btn-editor { background:#4b9cd3 !important; color:#fff !important; }
       `;
       document.head.appendChild(style);
     }

index.html

@@ -149,6 +149,8 @@
       transition: transform 0.15s ease, box-shadow 0.15s ease;
     }
     .hero-btn-download:hover { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(232,180,0,0.35); }
+    .hero-btn-editor { background:#4b9cd3; color:#fff; }
+    .hero-btn-editor:hover { box-shadow: 0 4px 10px rgba(75,156,211,0.35); }
 
     @media (max-width: 768px) {
       .hero-actions { flex-direction: column; align-items: flex-start; gap: 0.85rem; }
@@ -197,7 +199,7 @@ <h1 style="font-family:'Space Grotesk',sans-serif;font-size:2rem;font-weight:600
         <div class="hero-actions">
           <a class="hero-link" href="/reference">Reference</a>
           <a class="hero-btn-download" href="/downloads">Download</a>
-          <a class="hero-btn-download" href="/editor" style="background:#4b9cd3;color:#fff;">Open Editor</a>
+          <a class="hero-btn-download hero-btn-editor" href="/editor">Open Editor</a>
         </div>
         <textarea id="hero-editor" style="display:none;"></textarea>