From 1d002202324b4f0fb497c9b1d4091cb3f19a78cf Mon Sep 17 00:00:00 2001
From: Andrea Mazzoleni <amadvance@gmail.com>
Date: Tue, 17 Mar 2026 23:49:03 +0100
Subject: [PATCH] Auto update

---
 beta/compare.html       |  11 +++-
 beta/design.html        |  11 +++-
 beta/download.html      |  11 +++-
 beta/faq.html           |  11 +++-
 beta/howitworks.html    |  11 +++-
 beta/index.html         |  11 +++-
 beta/manual-daemon.html |  11 +++-
 beta/manual-de.html     |  11 +++-
 beta/manual-es.html     |  11 +++-
 beta/manual-fr.html     |  11 +++-
 beta/manual-it.html     |  11 +++-
 beta/manual-ja.html     |  11 +++-
 beta/manual-ko.html     |  11 +++-
 beta/manual-log.html    |  11 +++-
 beta/manual-pl.html     |  11 +++-
 beta/manual-pt.html     |  11 +++-
 beta/manual-ro.html     |  11 +++-
 beta/manual-ru.html     |  11 +++-
 beta/manual-sv.html     |  11 +++-
 beta/manual-uk.html     |  11 +++-
 beta/manual-zh.html     |  11 +++-
 beta/manual.html        |  11 +++-
 beta/script.js          |  30 +++++++++
 beta/style.css          | 136 ++++++++++++++++++++++++++++++++++------
 beta/support.html       |  11 +++-
 beta/ui.html            |  11 +++-
 26 files changed, 388 insertions(+), 42 deletions(-)

diff --git a/beta/compare.html b/beta/compare.html
index b7f0207e..6f05612f 100644
--- a/beta/compare.html
+++ b/beta/compare.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -416,7 +422,10 @@ A primary factor in categorizing storage solutions is their support for <strong
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/design.html b/beta/design.html
index f286ca62..3b5ac3a3 100644
--- a/beta/design.html
+++ b/beta/design.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -172,7 +178,10 @@
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/download.html b/beta/download.html
index faed476d..ee14fdd4 100644
--- a/beta/download.html
+++ b/beta/download.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -243,7 +249,10 @@
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/faq.html b/beta/faq.html
index 02e674fd..af5d12c2 100644
--- a/beta/faq.html
+++ b/beta/faq.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" class="active">FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -1885,7 +1891,10 @@ Disable this option in VeraCrypt.
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/howitworks.html b/beta/howitworks.html
index 78ba7198..99e8b24e 100644
--- a/beta/howitworks.html
+++ b/beta/howitworks.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -276,7 +282,10 @@
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/index.html b/beta/index.html
index 85b1c540..fc25455d 100644
--- a/beta/index.html
+++ b/beta/index.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -316,7 +322,10 @@
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-daemon.html b/beta/manual-daemon.html
index 1a7aecff..ce0eedd3 100644
--- a/beta/manual-daemon.html
+++ b/beta/manual-daemon.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -1548,7 +1554,10 @@ as the executable.
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-de.html b/beta/manual-de.html
index 95f97f11..02a35aea 100644
--- a/beta/manual-de.html
+++ b/beta/manual-de.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2181,7 +2187,10 @@ Datei immer im UTF-8-Format.
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-es.html b/beta/manual-es.html
index 236104b7..9ce06a07 100644
--- a/beta/manual-es.html
+++ b/beta/manual-es.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2126,7 +2132,10 @@ el archivo resultante siempre está en formato UTF-8.
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-fr.html b/beta/manual-fr.html
index 7e341f31..65361f46 100644
--- a/beta/manual-fr.html
+++ b/beta/manual-fr.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2178,7 +2184,10 @@ Voir aussi (See Also)
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-it.html b/beta/manual-it.html
index 0d8bb0a2..f76e8505 100644
--- a/beta/manual-it.html
+++ b/beta/manual-it.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2159,7 +2165,10 @@ Vedi Anche
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-ja.html b/beta/manual-ja.html
index cfab2e0d..5424e59a 100644
--- a/beta/manual-ja.html
+++ b/beta/manual-ja.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -1993,7 +1999,10 @@ Encoding
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-ko.html b/beta/manual-ko.html
index 83f661d7..04535386 100644
--- a/beta/manual-ko.html
+++ b/beta/manual-ko.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2050,7 +2056,10 @@ Windows 콘솔을 UTF-8 모드로 설정하고 콘솔 글꼴로 <b>Lucida Consol
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-log.html b/beta/manual-log.html
index ef40b97a..c6d6a40d 100644
--- a/beta/manual-log.html
+++ b/beta/manual-log.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -4102,7 +4108,10 @@ The file path relative to the disk root (escaped).
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-pl.html b/beta/manual-pl.html
index 8134284e..a3ab874f 100644
--- a/beta/manual-pl.html
+++ b/beta/manual-pl.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2041,7 +2047,10 @@ w formacie UTF-8.
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-pt.html b/beta/manual-pt.html
index 929232eb..4e8c7831 100644
--- a/beta/manual-pt.html
+++ b/beta/manual-pt.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2089,7 +2095,10 @@ Veja Também (See Also)
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-ro.html b/beta/manual-ro.html
index 4fccc815..7a332ea4 100644
--- a/beta/manual-ro.html
+++ b/beta/manual-ro.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2054,7 +2060,10 @@ Vezi și (See Also)
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-ru.html b/beta/manual-ru.html
index bb87541b..1e98b9f9 100644
--- a/beta/manual-ru.html
+++ b/beta/manual-ru.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2045,7 +2051,10 @@ Encoding
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-sv.html b/beta/manual-sv.html
index ea221a4d..7c402782 100644
--- a/beta/manual-sv.html
+++ b/beta/manual-sv.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2057,7 +2063,10 @@ Se Även (See Also)
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-uk.html b/beta/manual-uk.html
index c22b50e3..7df52b67 100644
--- a/beta/manual-uk.html
+++ b/beta/manual-uk.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2264,7 +2270,10 @@ TrueType, такий як <b>Lucida Console</b>, як
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual-zh.html b/beta/manual-zh.html
index dd397c41..044bd4e2 100644
--- a/beta/manual-zh.html
+++ b/beta/manual-zh.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -1868,7 +1874,10 @@ Encoding
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/manual.html b/beta/manual.html
index b45bbf9b..b974e233 100644
--- a/beta/manual.html
+++ b/beta/manual.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -2042,7 +2048,10 @@ in UTF-8 format.
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/script.js b/beta/script.js
index 6970876c..09f522b2 100644
--- a/beta/script.js
+++ b/beta/script.js
@@ -1,4 +1,34 @@
+// Theme Switcher Logic
+(function() {
+    const savedTheme = localStorage.getItem('theme');
+    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches;
+    
+    if (savedTheme === 'light' || (!savedTheme && prefersLight)) {
+        document.documentElement.classList.add('light-theme');
+    }
+})();
+
 document.addEventListener('DOMContentLoaded', () => {
+    // Theme Switcher Event Listeners
+    const themeToggles = document.querySelectorAll('.theme-toggle');
+    
+    themeToggles.forEach(toggle => {
+        toggle.addEventListener('click', () => {
+            document.documentElement.classList.add('theme-transitioning');
+            document.documentElement.classList.toggle('light-theme');
+            
+            // Force reflow to apply styles immediately without transition
+            void document.documentElement.offsetHeight;
+            
+            setTimeout(() => {
+                document.documentElement.classList.remove('theme-transitioning');
+            }, 0);
+            
+            const isLight = document.documentElement.classList.contains('light-theme');
+            localStorage.setItem('theme', isLight ? 'light' : 'dark');
+        });
+    });
+
     // Generate TOC for FAQ page
     const faqTocList = document.getElementById('faq-toc-list');
     const faqContent = document.getElementById('faq-content');
diff --git a/beta/style.css b/beta/style.css
index 2b5a3df3..968f00c0 100644
--- a/beta/style.css
+++ b/beta/style.css
@@ -24,6 +24,30 @@
     --c-slate-940:  hsl(228 78%  6%);
     --c-slate-945:  hsl(228 81%  6%);
 
+    --c-sky-50: #F0F9FF;
+    --c-sky-100: #DFF2FE;
+    --c-sky-200: #B8E6FE;
+    --c-sky-300: #74D4FF;
+    --c-sky-400: #21BCFF;
+    --c-sky-500: #34A6F4;
+    --c-sky-600: #2984D1;
+    --c-sky-700: #1C69A8;
+    --c-sky-800: #10598A;
+    --c-sky-900: #024A70;
+    --c-sky-950: #052F4A;
+
+    --c-blue-50: #EFF6FF;
+    --c-blue-100: #DBEAFE;
+    --c-blue-200: #BEDBFF;
+    --c-blue-300: #8EC5FF;
+    --c-blue-400: #51A2FF;
+    --c-blue-500: #2B7FFF;
+    --c-blue-600: #155DFC;
+    --c-blue-700: #1447E6;
+    --c-blue-800: #193CB8;
+    --c-blue-900: #1C398E;
+    --c-blue-950: #162456;
+
     --c-orange-50: #FFF7ED;
     --c-orange-100: #FFEDD4;
     --c-orange-200: #FFD6A7;
@@ -36,18 +60,27 @@
     --c-orange-900: #7E2A0C;
     --c-orange-950: #441306;
 
-    --bg-body: var(--c-slate-950);       /* Deep Slate */
-    --bg-surface: var(--c-slate-910);    /* Lighter Slate */
-    --bg-surface-hover: #1e293b;         /* Slate 800 */
-    --border-color: #1e293b;             /* Slate 800 */
-    
-    --text-primary: #f8fafc;
-    --text-secondary: #94a3b8;
-    --text-accent: #38bdf8;   /* Cyan/Blue mix */
+    --bg-body: var(--c-slate-950);
+    --bg-surface: var(--c-slate-910);
+    --bg-surface-hover: var(--c-slate-800);
+    --border-color: var(--c-slate-800);
 
-    --primary: #3b82f6;       /* Electric Blue */
-    --primary-hover: #2563eb;
-    --primary-glow: rgba(59, 130, 246, 0.5);
+    --header-bg: rgba(2, 6, 23, 0.9);
+    --overlay-bg: rgba(2, 6, 23, 0.85);
+    --bg-code: #000000;
+
+    --text-code: #e2e8f0;
+
+    --table-header-bg: rgba(255, 255, 255, 0.02);
+    --table-row-even-bg: rgba(255, 255, 255, 0.02);
+    
+    --text-primary: var(--c-slate-50);
+    --text-secondary: var(--c-slate-400);
+    --text-accent: var(--c-sky-400);
+
+    --primary: var(--c-blue-500);
+    --primary-hover: var(--c-blue-600);
+    --primary-glow: rgba(59, 130, 246, 0.5); /* --c-blue-500 */
     
     --success: #10b981;
     --warning: #f59e0b;
@@ -61,6 +94,30 @@
     --font-mono: "SF Mono", "Segoe UI Mono", "Roboto Mono", monospace;
 }
 
+:root.light-theme {
+    --bg-body: var(--c-slate-100);
+    --bg-surface: #ffffff;
+    --bg-surface-hover: var(--c-slate-200);
+    --border-color: var(--c-slate-200);
+
+    --header-bg: rgba(248, 250, 252, 0.9);
+    --overlay-bg: rgba(248, 250, 252, 0.85);
+    --bg-code: var(--c-slate-200);
+
+    --text-code: var(--c-slate-900);
+
+    --table-header-bg: rgba(0, 0, 0, 0.05);
+    --table-row-even-bg: rgba(0, 0, 0, 0.02);
+    
+    --text-primary: var(--c-slate-900);
+    --text-secondary: var(--c-slate-600);
+    --text-accent: var(--c-sky-500);
+
+    --primary: var(--c-blue-600);
+    --primary-hover: var(--c-blue-700);
+    --primary-glow: rgba(37, 99, 235, 0.2); /* --c-blue-600 */
+}
+
 * {
     box-sizing: border-box;
     margin: 0;
@@ -91,6 +148,13 @@ body {
 .grid-3-cols { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
 .grid-4-cols { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
 
+.theme-transitioning,
+.theme-transitioning *,
+.theme-transitioning *::before,
+.theme-transitioning *::after {
+    transition: none !important;
+}
+
 /* --- Typography --- */
 h1, h2, h3, h4 {
     font-weight: 700;
@@ -114,7 +178,7 @@ code, pre {
 /* --- Header & Navigation --- */
 header {
     height: var(--header-height);
-    background: rgba(2, 6, 23, 0.9); /* Matches --c-slate-950 */
+    background: var(--header-bg);
     backdrop-filter: blur(10px);
     border-bottom: 1px solid var(--border-color);
     position: sticky;
@@ -169,6 +233,41 @@ nav a:hover, nav a.active {
     background: var(--primary-hover);
 }
 
+.theme-toggle {
+    background: transparent;
+    border: none;
+    color: var(--text-secondary);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.5rem;
+    border-radius: var(--radius);
+    transition: background-color 0.2s, color 0.2s;
+}
+
+.theme-toggle:hover {
+    background: var(--bg-surface-hover);
+    color: var(--primary);
+}
+
+.theme-toggle svg {
+    width: 20px;
+    height: 20px;
+}
+
+.theme-toggle .sun-icon {
+    display: none;
+}
+
+:root.light-theme .theme-toggle .sun-icon {
+    display: block;
+}
+
+:root.light-theme .theme-toggle .moon-icon {
+    display: none;
+}
+
 /* --- Buttons --- */
 .btn {
     display: inline-flex;
@@ -357,7 +456,7 @@ nav a:hover, nav a.active {
 .data-table th {
     color: var(--text-accent);
     font-weight: 600;
-    background: rgba(255, 255, 255, 0.02);
+    background: var(--table-header-bg);
 }
 
 .data-table tr:last-child td { border-bottom: none; }
@@ -498,7 +597,7 @@ nav a:hover, nav a.active {
 }
 
 .faq-answer tr:nth-child(even) td {
-    background: rgba(255, 255, 255, 0.02);
+    background: var(--table-row-even-bg);
 }
 
 .faq-answer a {
@@ -509,7 +608,7 @@ nav a:hover, nav a.active {
 /* --- Footer --- */
 footer {
     border-top: 1px solid var(--border-color);
-    padding: 4rem 0;
+    padding: 2rem 0;
     margin-top: 4rem;
     background: var(--bg-surface);
 }
@@ -551,6 +650,7 @@ footer {
     nav ul li { width: 100%; }
     nav a { display: block; padding: 0.5rem 0; }
     nav .nav-cta { text-align: center; }
+    nav .theme-toggle { justify-content: flex-start; padding: 0.5rem 0; }
     
     #menu-toggle:checked ~ ul { display: flex; }
     
@@ -677,8 +777,8 @@ footer {
 
 /* The Pre Tag */
 .manual-doc pre {
-    background: #000000;
-    color: #e2e8f0;
+    background: var(--bg-code);
+    color: var(--text-code);
     padding: 1.25rem;
     border: 1px solid var(--border-color);
     border-radius: var(--radius);
@@ -873,7 +973,7 @@ footer {
     left: 0;
     width: 100vw;
     height: 100vh;
-    background: rgba(2, 6, 23, 0.85); /* Slate 950 with opacity */
+    background: var(--overlay-bg);
     backdrop-filter: blur(8px);
     z-index: 2000;
     display: flex;
diff --git a/beta/support.html b/beta/support.html
index 449c3555..ccb97822 100644
--- a/beta/support.html
+++ b/beta/support.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" class="active">Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -402,7 +408,10 @@ UNION FS OBSOLETE
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>
diff --git a/beta/ui.html b/beta/ui.html
index 82e95f92..39454428 100644
--- a/beta/ui.html
+++ b/beta/ui.html
@@ -59,6 +59,12 @@
                     <li><a href="faq" >FAQ</a></li>
                     <li><a href="support" >Support</a></li>
                     <li><a href="download" class="nav-cta">Download</a></li>
+                    <li>
+                        <button class="theme-toggle" aria-label="Toggle theme">
+                            <svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                            <svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                        </button>
+                    </li>
                 </ul>
             </nav>
         </div>
@@ -199,7 +205,10 @@
     <footer>
         <div class="container footer-content">
             <div class="footer-col">
-                <h3>SnapRAID</h3>
+                <div class="logo">
+                <img src="android-chrome-192x192.png" width="32" height="32"/>
+                SnapRAID
+                </div>
                 <p>Copyright &copy; 2026 Andrea Mazzoleni</p>
                 <p class="license">Distributed under GPL v3 License</p>
             </div>