More CSS Changes

Author: programmingKyle

src/index.css

@@ -271,6 +271,10 @@ h1,h2,h3,h4,h5,h6 {
   margin-bottom: 10px;
 }
 
+.task-status-header {
+  color: #7c90db;
+}
+
 .to-do-item-grid {
   height: auto;
   border-radius: 10px;

src/project.html

@@ -166,7 +166,7 @@ <h5>Status</h5>
         <div class="project-content-categories">
             <div class="container" style="display: grid; grid-template-rows: auto 1fr; overflow: hidden;">
                 <div style="display: grid; grid-template-columns: 1fr auto; padding-bottom: 10px;">
-                    <h2>Active Tasks</h2>
+                    <h2 class="task-status-header">Active Tasks</h2>
                     <button id="addActiveTaskButton" class="slim-button fas fa-plus"></button>
                 </div>
                 <div style="display: grid; grid-gap: 5px; overflow: auto;">
@@ -178,7 +178,7 @@ <h2>Active Tasks</h2>
         <div class="project-content-categories">
             <div class="container" style="display: grid; grid-template-rows: auto 1fr; overflow: hidden;">
                 <div style="display: grid; grid-template-columns: 1fr auto; padding-bottom: 10px;;">
-                    <h2>In Progress Tasks</h2>
+                    <h2 class="task-status-header">In Progress Tasks</h2>
                     <button id="addInProgressTaskButton" class="slim-button fas fa-plus"></button>
                 </div>
                 <div style="display: grid; grid-gap: 5px; overflow: auto;">
@@ -190,7 +190,7 @@ <h2>In Progress Tasks</h2>
         <div class="project-content-categories">
             <div class="container" style="display: grid; grid-template-rows: auto 1fr; overflow: hidden;">
                 <div style="display: grid; grid-template-columns: 1fr auto; padding-bottom: 10px;">
-                    <h2>Complete Tasks</h2>
+                    <h2 class="task-status-header">Complete Tasks</h2>
                     <button id="addCompleteTaskButton" class="slim-button fas fa-plus"></button>
                 </div>
                 <div style="display: grid; grid-gap: 5px; overflow: auto;">