From ac6fa949a754778f268fb91f0b32464c153191ef Mon Sep 17 00:00:00 2001
From: Akash Keshav <112591754+domesticchores@users.noreply.github.com>
Date: Fri, 4 Apr 2025 20:49:15 -0400
Subject: refactor login-page and need-list to support light/dark mode

---
 .../src/app/components/need-list/need-list.component.css   | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

(limited to 'ufund-ui/src/app/components/need-list/need-list.component.css')

diff --git a/ufund-ui/src/app/components/need-list/need-list.component.css b/ufund-ui/src/app/components/need-list/need-list.component.css
index e17609b..0172ff4 100644
--- a/ufund-ui/src/app/components/need-list/need-list.component.css
+++ b/ufund-ui/src/app/components/need-list/need-list.component.css
@@ -5,7 +5,7 @@
 }
 
 .needEntry {
-    background-color: #2e2e2e;
+    background-color: var(--tertiary-color);
     display: flex;
     flex-direction: column;
     border-radius: 5px;
@@ -37,6 +37,14 @@ select {
     }
 }
 
+.sort-scheme {
+    background-color: var(--background-color);
+    border-style: solid;
+    border-color: var(--foreground-color);
+    border-radius: 5px;
+    border-width: 1px;
+}
+
 #sortArea {
     display: flex;
     flex-direction: row;
@@ -86,7 +94,7 @@ select {
 
 .clickable {
     padding: 10px;
-    background-color: #3a3a3a;
+    background-color: var(--secondary-color);
     border-radius: 5px;
     cursor: pointer;
     height: 130px;
@@ -96,7 +104,7 @@ select {
 }
 
 .clickable:hover {
-    background-color: #444444;
+    background-color: var(--tertiary-color);
 }
 
 .actionArea {
-- 
cgit v1.2.3