update colors for better contrast

src/components/common/PropTable.vue

@@ -92,14 +92,14 @@ defineProps<{
 
 :deep(.p-datatable-header) {
   background: #111;
-  border: 1px solid #142216;
+  border: 1px solid #333;
   border-bottom: none;
 }
 
 :deep(.p-datatable-thead > tr > th) {
   background: #111;
-  border-right: 1px solid #142216;
-  border-bottom: 1px solid #142216;
+  border-right: 1px solid #333;
+  border-bottom: 1px solid #333;
   color: #fff;
   font-weight: 600;
   text-transform: capitalize;
@@ -114,8 +114,8 @@ defineProps<{
 
 :deep(.p-datatable-tbody > tr > td) {
   background: #0b0b0b;
-  border-right: 1px solid #142216;
-  border-bottom: 1px solid #142216;
+  border-right: 1px solid #333;
+  border-bottom: 1px solid #333;
   color: #fff;
   padding: 1rem;
   font-size: 14px;

src/components/common/RefreshButton.vue

@@ -18,8 +18,8 @@ defineEmits<{
   top: 0.75rem;
   right: 0.75rem;
   z-index: 2;
-  background-color: #111;
-  border: 1px solid #142216;
+  background-color: #0b0b0b;
+  border: 1px solid #333;
   color: white;
   border-radius: 12px;
   padding: 0.5rem;
@@ -29,11 +29,11 @@ defineEmits<{
 .refresh-button:hover {
   background-color: #222 !important;
   color: #fff !important;
-  border: 1px solid #142216 !important;
+  border: 1px solid #333 !important;
   outline: 1px solid transparent !important;
 }
 
 .refresh-button:active {
-  background-color: #142216;
+  background-color: #0b0b0b;
 }
 </style>

src/components/common/TabbedLayout.vue

@@ -125,8 +125,8 @@ import ContributionSection from './ContributionSection.vue';
 }
 
 :deep(.p-tab[aria-selected='true'] .tab-header) {
-  background: #333333;
-  color: #a7ef9e;
+  background: #222;
+  color: #27FF64;
 }
 
 :deep(.p-tabpanels) {