diff --git a/public/index.html b/public/index.html
index 1c908e9..b8ec0eb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -89,11 +89,25 @@
                 </div>
             </div>
         </div>
-        <div id="notification" class="icon-button" data-i18n-key="header.notification" data-i18n-attrs="title" hidden>
-            <svg class="icon">
-                <use xlink:href="#notifications"></use>
-            </svg>
-        </div>
+<!-- Versão para tema escuro (ícone branco) -->
+<div id="notification" class="icon-button dark-mode" data-i18n-key="header.notification" data-i18n-attrs="title" hidden>
+    <lord-icon
+        src="https://cdn.lordicon.com/lznlxwtc.json"
+        trigger="hover"
+        colors="primary:#ffffff"
+        style="width:24px;height:24px">
+    </lord-icon>
+</div>
+
+<!-- Versão para tema claro (ícone preto) -->
+<div id="notification" class="icon-button light-mode" data-i18n-key="header.notification" data-i18n-attrs="title" hidden>
+    <lord-icon
+        src="https://cdn.lordicon.com/lznlxwtc.json"
+        trigger="hover"
+        colors="primary:#000000"
+        style="width:24px;height:24px">
+    </lord-icon>
+</div>
         <div id="install" class="icon-button" data-i18n-key="header.install" data-i18n-attrs="title" hidden>
             <svg class="icon">
                 <use xlink:href="#homescreen"></use>