diff --git a/_includes/project_tablecard.html b/_includes/project_tablecard.html
index cb189cf..a7ccfbc 100644
--- a/_includes/project_tablecard.html
+++ b/_includes/project_tablecard.html
@@ -1,4 +1,4 @@
-<div class="card-extended card-shadow">
+<div class="card-extended darkmode">
   <label class="card-label" for="tablecard-{{ include.state }}-{{ forloop.index }}">
       <div class="wrapper-left">
         <div class="flex">
@@ -10,13 +10,13 @@
             {% if include.state == 'done' %}
               <i class="icon-tick text-green-500"></i>
             {% elsif include.state == 'in_progress' %}
-              <i class="icon-cog text-gray-500"></i>
+              <i class="icon-cog text-white"></i>
             {% elsif include.state == 'discarded' %}
               <i class="icon-cross text-red-500"></i>
             {% elsif include.state == 'postponed' %}
-              <i class="icon-files text-gray-800"></i>
+              <i class="icon-files text-white"></i>
             {% elsif include.state == 'backlog' %}
-              <i class="icon-files text-gray-800"></i>
+              <i class="icon-files text-white"></i>
             {% endif %}
             <h3 class="title">{{ card.title }}</h3>
         </div>