From 9ff69c68cd76b815d42a9ef5a0ce75443904eb2b Mon Sep 17 00:00:00 2001
From: alisa <alisa@side.one>
Date: Tue, 25 Apr 2023 00:44:57 +0800
Subject: [PATCH] feature: proposal item dark theme

---
 src/components/ProposalListItem.vue | 2 +-
 src/components/ProposalProcess.vue  | 2 +-
 tailwind.config.js                  | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/ProposalListItem.vue b/src/components/ProposalListItem.vue
index edfa7c0f..1a603aa3 100644
--- a/src/components/ProposalListItem.vue
+++ b/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>
diff --git a/src/components/ProposalProcess.vue b/src/components/ProposalProcess.vue
index ab6db423..23a1e9d2 100644
--- a/src/components/ProposalProcess.vue
+++ b/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>
diff --git a/tailwind.config.js b/tailwind.config.js
index 1008089b..454ca6ae 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,6 +10,7 @@ module.exports = {
         main: '#5973fe',
         yes: '#3fb68b',
         no: '#ff5353',
+        info: '#00ddc6',
       },
     },
   },