From f5e23234e375586a0c216f12038b0ae7108d6b25 Mon Sep 17 00:00:00 2001
From: juanyep <yepezjuan6@gmail.com>
Date: Tue, 13 Oct 2026 17:31:17 -0700
Subject: [PATCH] added a grey closed tag to Hack for LA project. Also modified
 the Completed tags color from salmon to blue

---
 _sass/components/_home.scss          | 8 ++++++--
 _sass/components/_projects-page.scss | 8 ++++++--
 _sass/components/_projects.scss      | 8 ++++++--
 _sass/variables/_colors.scss         | 2 ++
 assets/js/current-projects.js        | 2 +-
 5 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/_sass/components/_home.scss b/_sass/components/_home.scss
index 0795a0fe46..05d9e6fc37 100644
--- a/_sass/components/_home.scss
+++ b/_sass/components/_home.scss
@@ -329,8 +329,12 @@ button {
 }
 
 .status-Completed {
-  background-color: $color-salmon;
-}
+   background-color: $color-paleblue;
+ }
+
+ .status-Closed {
+   background-color: $color-mediumlightgrey;
+ }
 
 .project-card-field-inline {
   display: inline;
diff --git a/_sass/components/_projects-page.scss b/_sass/components/_projects-page.scss
index 5c172d3445..68c8bf09f2 100644
--- a/_sass/components/_projects-page.scss
+++ b/_sass/components/_projects-page.scss
@@ -106,8 +106,12 @@
   }
   
   .status-Completed {
-    background-color: $color-salmon;
-  }
+   background-color: $color-paleblue;
+ }
+
+ .status-Closed {
+   background-color: $color-mediumlightgrey;
+ }
   
   .project-card-field-inline {
     display: inline;
diff --git a/_sass/components/_projects.scss b/_sass/components/_projects.scss
index 3a239f3a8e..5b6f859373 100644
--- a/_sass/components/_projects.scss
+++ b/_sass/components/_projects.scss
@@ -106,8 +106,12 @@
 }
 
 .status-Completed {
-  background-color: $color-salmon;
-}
+   background-color: $color-paleblue;
+ }
+
+ .status-Closed {
+   background-color: $color-mediumlightgrey;
+ }
 
 .project-card-field-inline {
   display: inline;
diff --git a/_sass/variables/_colors.scss b/_sass/variables/_colors.scss
index 54c1d58b4b..1b42b5a8fb 100644
--- a/_sass/variables/_colors.scss
+++ b/_sass/variables/_colors.scss
@@ -31,6 +31,7 @@ $color-lightgreen: #bbffbb;
 $color-midnightblue: #173567;
 $color-darkroyalblue: #01548a;
 $color-blue: #046afa;
+$color-paleblue: #B8D9FF;
 $color-brightblue: #0000ff;
 $color-azure: #407BFF;
 $color-dodgerblue: #1587FF;
@@ -50,6 +51,7 @@ $color-darkblue: #030d2d;
 $color-darkgrey: #464646;
 $color-cement: #767676;
 $color-mediumgrey: #cccccc;
+$color-mediumlightgrey: #D9D9D9;
 $color-lightgrey: #ededed;
 $color-pink: #f7f5f5;
 $color-whitesmoke: #f6f6f6;
diff --git a/assets/js/current-projects.js b/assets/js/current-projects.js
index 5f18a12dbf..928bdc8ee1 100644
--- a/assets/js/current-projects.js
+++ b/assets/js/current-projects.js
@@ -236,7 +236,7 @@ function retrieveProjectDataFromCollection() {
 */
 function projectDataSorter(projectdata){
 
-    const statusList = ["Active","On Hold","Completed"]
+    const statusList = ["Active","On Hold","Completed","Closed"]
     const sortedProjectContainer = [];
 
     // Sort Project data by status alphabetically