modd 3 buttons

divergentesemacao · Sep 2, 2024 · ee3bedb · ee3bedb
1 parent 2d07111
commit ee3bedb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/css/output.css b/src/css/output.css
@@ -1424,6 +1424,11 @@ video {
   color: rgb(229 231 235 / var(--tw-text-opacity));
 }
 
+.hover\:dark\:text-white:is(.dark *):hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .focus\:dark\:border-purple-400:is(.dark *):focus {
   --tw-border-opacity: 1;
   border-color: rgb(192 132 252 / var(--tw-border-opacity));

diff --git a/src/index.html b/src/index.html
@@ -195,9 +195,9 @@ <h1 class="text-xl font-bold mb-6 text-center">Habilidades do TDAH</h1>
 
           <!-- Buttons to switch sections -->
           <div class="button-container mb-10 mt-10">
-            <button class="bg-white dark:bg-slate-800 text-purple-900 border-2 border-purple-900 hover:bg-purple-900 hover:text-white dark:border-purple-600 dark:text-purple-400 hover:dark:border-purple-400 hover:dark:bg-purple-600 px-4 py-2 rounded ease-linear duration-200 focus:bg-purple-800 focus:text-white focus:border-purple-400 focus:dark:bg-purple-800 focus:dark:text-white focus:dark:border-purple-400" onclick="showSection('hiperfoco')">Hiperfoco</button>
-            <button class="bg-white dark:bg-slate-800 text-purple-900 border-2 border-purple-900 hover:bg-purple-900 hover:text-white dark:border-purple-600 dark:text-purple-400 hover:dark:border-purple-400 hover:dark:bg-purple-600 px-4 py-2 rounded ease-linear duration-200 focus:bg-purple-800 focus:text-white focus:border-purple-400 focus:dark:bg-purple-800 focus:dark:text-white focus:dark:border-purple-400" onclick="showSection('criatividade')">Criatividade</button>
-            <button class="bg-white dark:bg-slate-800 text-purple-900 border-2 border-purple-900 hover:bg-purple-900 hover:text-white dark:border-purple-600 dark:text-purple-400 hover:dark:border-purple-400 hover:dark:bg-purple-600 px-4 py-2 rounded ease-linear duration-200 focus:bg-purple-800 focus:text-white focus:border-purple-400 focus:dark:bg-purple-800 focus:dark:text-white focus:dark:border-purple-400" onclick="showSection('energia')">Energia</button>
+            <button class="bg-white dark:bg-slate-900 text-purple-900 border-2 border-purple-900 hover:bg-purple-900 hover:text-white hover:dark:text-white dark:border-purple-600 dark:text-purple-400 hover:dark:border-purple-400 hover:dark:bg-purple-600 px-4 py-2 rounded ease-linear duration-200 focus:bg-purple-800 focus:text-white focus:border-purple-400 focus:dark:bg-purple-800 focus:dark:text-white focus:dark:border-purple-400" onclick="showSection('hiperfoco')">Hiperfoco</button>
+            <button class="bg-white dark:bg-slate-900 text-purple-900 border-2 border-purple-900 hover:bg-purple-900 hover:text-white hover:dark:text-white dark:border-purple-600 dark:text-purple-400 hover:dark:border-purple-400 hover:dark:bg-purple-600 px-4 py-2 rounded ease-linear duration-200 focus:bg-purple-800 focus:text-white focus:border-purple-400 focus:dark:bg-purple-800 focus:dark:text-white focus:dark:border-purple-400" onclick="showSection('criatividade')">Criatividade</button>
+            <button class="bg-white dark:bg-slate-900 text-purple-900 border-2 border-purple-900 hover:bg-purple-900 hover:text-white hover:dark:text-white dark:border-purple-600 dark:text-purple-400 hover:dark:border-purple-400 hover:dark:bg-purple-600 px-4 py-2 rounded ease-linear duration-200 focus:bg-purple-800 focus:text-white focus:border-purple-400 focus:dark:bg-purple-800 focus:dark:text-white focus:dark:border-purple-400" onclick="showSection('energia')">Energia</button>
           </div>
 
           <!-- Hiperfoco -->