tailwind

app/templates/base.html

     <title>{% block title %}COI System{% endblock %}</title>
 
     <!-- TailwindCSS -->
-    <!--
-    <script src="https://cdn.tailwindcss.com"></script> -->
-    {% tailwind_css %}
+    
+    <script src="https://cdn.tailwindcss.com"></script> 
+  
     <link href="{% static "font-awesome/css/font-awesome.css" %}" rel="stylesheet" />
     <script type="text/javascript" defer src="{% static "alpinejs/dist/cdn.min.js" %}"></script>
     <link href="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.css" rel="stylesheet" />
                     </button>
                     <a href="/" class="flex items-center ml-2">
                         <img src="https://flowbite.com/docs/images/logo.svg" class="h-8 mr-3" alt="Logo" />
-                        <span class="self-center text-xl font-semibold text-black dark:text-black">MGT COI</span>
+                        <span class="self-center text-xl font-semibold text-black dark:text-white">MGT COI</span>
                     </a>
                 </div>
                 <div class="flex items-center space-x-4">