feature: proposal item dark theme

src/components/ProposalListItem.vue

@@ -51,7 +51,7 @@ const statusMap: Record<string, string> = {
           <div class="text-xs">{{ statusMap?.[item?.status] || item?.status }}</div>
         </div>
 
-        <div class="truncate mb-3 col-span-2 md:col-span-1 text-right md:flex md:justify-start">
+        <div class="truncate mb-3 col-span-2 md:col-span-1 text-xs text-gray-400 text-right md:flex md:justify-start">
           {{ format.toDay(item.voting_end_time, 'from') }}
         </div>
       </div>

src/components/ProposalProcess.vue

@@ -22,7 +22,7 @@ const veto = computed(() => format.calculatePercent(props.tally?.no_with_veto, t
 </script>
 
 <template>
-  <div class="progress rounded-full h-1 text-xs">
+  <div class="progress rounded-full h-1 text-xs flex items-center">
     <div class="h-1 bg-yes" :style="`width: ${yes}`"></div>
     <div class="h-1 bg-no" :style="`width: ${no}`"></div>
     <div class="h-1" :style="`width: ${veto}; background-color: #B71C1C;`"></div>

tailwind.config.js

@@ -10,6 +10,7 @@ module.exports = {
         main: '#5973fe',
         yes: '#3fb68b',
         no: '#ff5353',
+        info: '#00ddc6',
       },
     },
   },