fix: make app header text more visible

assets/app.scss

@@ -76,7 +76,7 @@ a {
       transition: 0.3s ease-in-out;
 
       #bd-theme.dropdown-toggle::after {
-        border-top-color: rgba(255, 255, 255, 0.55);
+        border-top-color: white;
       }
     }
 

hiboo/templates/base.html

@@ -45,7 +45,7 @@
           <div class="container-fluid">
             <ul class="navbar-nav flex-row ms-auto">
               <li class="nav-item text-nowrap d-md-none">
-                <button class="nav-link px-3"
+                <button class="nav-link px-3 text"
                         type="button"
                         data-bs-toggle="offcanvas"
                         data-bs-target="#sidebarMenu"
@@ -59,7 +59,7 @@
               {% include "themes.html" %}
               <li class="nav-item">
                 {% if current_user.is_authenticated %}
-                <div class="nav-link px-3">{{ render_icon("person-fill") }} {{ current_user.username }}</div>
+                <div class="nav-link text-white px-3">{{ render_icon("person-fill") }} {{ current_user.username }}</div>
                 {% endif %}
               </li>
             </ul>

hiboo/templates/themes.html

@@ -24,7 +24,7 @@
     <svg class="bi my-1 theme-icon-active"
          width="1em"
          height="1em"
-         fill="rgba(255, 255, 255, 0.55)">
+         fill="white">
       <use href="#circle-half"></use>
     </svg>
     <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>