changed color scheme for dark mode

src/components/economy/TransactionComponent.vue

@@ -120,5 +120,10 @@ const toggleExpand = () => {
 
 
 }
+@media (prefers-color-scheme: dark) {
+  .component{
+    background-color: var(--vt-c-Orange-Dark);
+  }
 
+}
 </style>

src/views/HomePage/EconomyView.vue

@@ -355,4 +355,9 @@ h2 {
   }
 
 }
+@media (prefers-color-scheme: dark){
+  h2{
+    color: var(--vt-c-kellyGreen-Light);
+  }
+}
 </style>