fix dashboard, make buttons use secondary color by default

4 files changed, 11 insertions, 13 deletions

diff --git a/ufund-ui/src/app/components/dashboard/dashboard.component.css b/ufund-ui/src/app/components/dashboard/dashboard.component.css
index 54f362b..cb4ad74 100644
--- a/ufund-ui/src/app/components/dashboard/dashboard.component.css
+++ b/ufund-ui/src/app/components/dashboard/dashboard.component.css
@@ -17,7 +17,7 @@
 }
 
 .card {
-    background-color: #2e2e2e;
+    background-color: var(--tertiary-color);
     width: 400px;
     height: 130px;
     border-radius: 5px;
@@ -34,7 +34,7 @@
 .listCard {
     display: flex;
     flex-direction: column;
-    background-color: #2e2e2e;
+    background-color: var(--tertiary-color);
     border-radius: 5px;
     padding: 10px;
     gap: 10px;
diff --git a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css
index 6dceee1..67f2094 100644
--- a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css
+++ b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css
@@ -9,7 +9,7 @@
     height: 175px;
     display: flex;
     align-items: center;
-    color: #878787;
+    color: gray;
 }
 
 #needList {
@@ -25,7 +25,7 @@
     padding: 10px;
     display: flex;
     flex-direction: column;
-    background-color: #3a3a3a;
+    background-color: var(--secondary-color);
     border-radius: 5px;
     height: 175px;
     width: 200px;
@@ -41,7 +41,7 @@
 }
 
 .needEntry:hover {
-    background-color: #444444;
+    background-color: var(--hover-color);
 }
 
 .needName {
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 b3af85f..bbbb024 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
@@ -98,7 +98,7 @@
 }
 
 .clickable:hover {
-    background-color: var(--tertiary-color);
+    background-color: var(--hover-color);
 }
 
 .actionArea {
diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css
index 876c6f6..f3491e1 100644
--- a/ufund-ui/src/styles.css
+++ b/ufund-ui/src/styles.css
@@ -1,9 +1,5 @@
 /* You can add global styles to this file, and also import other style files */
 
-/* :root {
-    color-scheme: dark;
-} */
-
 * {
     box-sizing: border-box;
     color: var(--foreground-color);
@@ -11,6 +7,7 @@
 }
 
 [theme="light"] {
+    color-scheme: light;
     --background-color: #e6e4df;
     --secondary-color: #e0dcd4;
     --tertiary-color: #cac6be;
@@ -23,6 +20,7 @@
 }
 
 [theme="dark"] {
+    color-scheme: dark;
     --background-color: #000715;
     --secondary-color: #444444;
     --tertiary-color: #3a3a3a;
@@ -66,8 +64,8 @@ button, input[type=button], input[type=reset], input[type=submit], .button {
     padding: 6px 16px;
     border-radius: 9999px;
     border-style: none;
-    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    background-color: var(--tertiary-color);
+    /*font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
+    background-color: var(--secondary-color);
     display: flex;
     gap: 5px;
     text-align: center;
@@ -83,7 +81,7 @@ button, input[type=button], input[type=reset], input[type=submit], .button {
     /* text-transform: uppercase; */
     border: 3px solid var(--highlight-color);
     padding: 10px 25px;
-    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    /*font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
     font-size: 12pt;
     font-weight: 700;
     background-color: transparent;