aboutsummaryrefslogtreecommitdiff
path: root/ufund-ui/src/app/components/need-list/need-list.component.css
diff options
context:
space:
mode:
authorTyler Ferrari <69283684+Sowgro@users.noreply.github.com>2025-04-07 16:50:31 -0400
committerGitHub <noreply@github.com>2025-04-07 16:50:31 -0400
commitdddaceba31730f0c01fd47858b0672c1f664de9b (patch)
treec8c3229c54955a4a037b0ce0a016221e8784af42 /ufund-ui/src/app/components/need-list/need-list.component.css
parent7635188ed6182a72facd8ab3299f13c7217a8abd (diff)
parent8b64b8bd43f987b924d74d0ea597b7b606ca9357 (diff)
downloadJellySolutions-dddaceba31730f0c01fd47858b0672c1f664de9b.tar.gz
JellySolutions-dddaceba31730f0c01fd47858b0672c1f664de9b.tar.bz2
JellySolutions-dddaceba31730f0c01fd47858b0672c1f664de9b.zip
Merge pull request #31 from RIT-SWEN-261-02/light-mode
Light mode
Diffstat (limited to 'ufund-ui/src/app/components/need-list/need-list.component.css')
-rw-r--r--ufund-ui/src/app/components/need-list/need-list.component.css10
1 files changed, 5 insertions, 5 deletions
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 60af7bb..38ed4df 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
@@ -1,5 +1,5 @@
.needEntry {
- background-color: #2e2e2e;
+ background-color: var(--tertiary-color);
display: flex;
flex-direction: column;
border-radius: 5px;
@@ -8,7 +8,7 @@
#needList {
display: flex;
flex-direction: column;
- gap: 15px
+ gap: 10px
}
.needName {
@@ -72,7 +72,7 @@
.urgent {
font-size: 11pt;
background-color: rgba(255, 165, 0, 0.27);
- color: rgba(255, 165, 0, 1);
+ color: light-dark(rgb(138, 93, 0),rgba(255, 165, 0, 1));
padding: 2px;
border-radius: 5px;
}
@@ -88,7 +88,7 @@
.clickable {
padding: 10px;
- background-color: #3a3a3a;
+ background-color: var(--secondary-color);
border-radius: 5px;
cursor: pointer;
height: 130px;
@@ -98,7 +98,7 @@
}
.clickable:hover {
- background-color: #444444;
+ background-color: var(--hover-color);
}
.actionArea {