imp: dark color

chains/mainnet/axelar.json

@@ -8,7 +8,7 @@
     "min_tx_fee": "800",
     "addr_prefix": "axelar",
     "logo": "/logos/axelar.svg",
-    "theme_color": "#000000",
+    "theme_color": "#161723",
     "assets": [{
         "base": "uaxl",
         "symbol": "AXL",

chains/mainnet/neutron.json

@@ -17,6 +17,6 @@
         "logo": "/logos/neutron.svg"
     }],
     "addr_prefix": "neutron",
-    "theme_color": "#000000",
+    "theme_color": "#161723",
     "logo": "/logos/neutron.svg"
 }

src/components/dynamic/TxsElement.vue

@@ -32,8 +32,8 @@ const chain = useBlockchain();
       </thead>
       <tbody class="text-sm">
         <tr v-for="item in txs">
-          <td class="text-primary">
+          <td>
-            <RouterLink :to="`/${chain.chainName}/tx/${item.hash}`">{{
+            <RouterLink :to="`/${chain.chainName}/tx/${item.hash}`" class="text-primary dark:invert">{{
               item.hash
             }}</RouterLink>
           </td>

src/modules/[chain]/cosmwasm/index.vue

@@ -40,7 +40,7 @@ pageload(1)
                         <td>{{ v.code_id }}</td>
                         <td>
                             <RouterLink :to="`/${props.chain}/cosmwasm/${v.code_id}/contracts`"
-                                class="truncate max-w-[200px] block text-primary" :title="v.data_hash">
+                                class="truncate max-w-[200px] block text-primary dark:invert" :title="v.data_hash">
                                 {{ v.data_hash }}
                             </RouterLink>
                         </td>

src/modules/[chain]/ibc/connection.vue

@@ -46,7 +46,7 @@ function color(v: string) {
             <tbody>
               <tr v-for="(v, index) in list" :key="index">
                 <td class="py-2">
-                  <RouterLink :to="`/${chain}/ibc/connection/${v.id}`" class="text-primary">
+                  <RouterLink :to="`/${chain}/ibc/connection/${v.id}`" class="text-primary dark:invert">
                     {{ v.id }}
                   </RouterLink>
                 </td>

src/modules/[chain]/staking/index.vue

@@ -248,7 +248,7 @@ loadAvatars();
                                     </div>
 
                                     <div class="flex flex-col">
-                                        <h6 class="text-sm text-primary">
+                                        <h6 class="text-sm text-primary dark:invert">
                                             <RouterLink
                                                 :to="{
                                                     name: 'chain-staking-validator',

src/modules/[chain]/supply/index.vue

@@ -33,7 +33,7 @@ function pageload(p: number) {
 </script>
 <template>
     <div>
-        <table class="table">
+        <table class="table table-compact">
             <thead>
                 <tr>
                     <td>Token</td>

src/modules/[chain]/tx/[hash].vue

@@ -36,8 +36,8 @@ const messages = computed(() => {
                         </tr>
                         <tr>
                             <td>Height</td>
-                            <td class="text-primary">
+                            <td>
-                                <RouterLink :to="`/${props.chain}/block/${tx.tx_response.height}`">{{ tx.tx_response.height
+                                <RouterLink :to="`/${props.chain}/block/${tx.tx_response.height}`" class="text-primary dark:invert">{{ tx.tx_response.height
                                 }}
                                 </RouterLink>
                             </td>

src/pages/index.vue

@@ -31,7 +31,7 @@ const chainStore = useBlockchain()
           viewBox="0 0 150.000000 132.000000"
           preserveAspectRatio="xMidYMid meet">
           <g transform="translate(0.000000,132.000000) scale(0.100000,-0.100000)"
-          :fill="chainStore.current?.themeColor||'#666CFF'" stroke="none">
+          :fill="chainStore.current?.themeColor||'#666CFF'" class=" dark:invert" stroke="none">
             <path d="M500 1310 l-125 -5 -182 -315 c-100 -173 -182 -321 -182 -329 -1 -7
             81 -159 181 -337 l183 -324 372 0 371 0 186 325 c102 179 186 330 186 337 0 7
             -82 157 -182 335 l-183 323 -250 -2 c-137 -1 -306 -5 -375 -8z m588 -454 c61
@@ -47,10 +47,10 @@ const chainStore = useBlockchain()
           </g>
         </svg>
       </div>
-      <h1 class="text-primary text-3xl md:!text-6xl font-bold">
+      <h1 class="text-primary dark:invert text-3xl md:!text-6xl font-bold">
-        Ping dashboard
+        Ping Dashboard
       </h1>
-      <div class="badge badge-primary badge-outline mt-1 text-sm md:!mt-8">
+      <div class="badge badge-primary badge-outline dark:invert mt-1 text-sm md:!mt-8">
         Beta
       </div>
     </div>