REFACTOR: updating dp key

Author: MaxTheGeeek

launcher/public/output.css

@@ -3384,6 +3384,16 @@ video {
   background-color: rgb(36 53 53 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#2f3337\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(47 51 55 / var(--tw-bg-opacity));
+}
+
+.bg-\[\#202225\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(32 34 37 / var(--tw-bg-opacity));
+}
+
 .bg-gradient-to-b{
   background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
   background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
@@ -3919,6 +3929,11 @@ video {
   color: rgb(234 179 8 / var(--tw-text-opacity));
 }
 
+.text-\[\#e6e4e4\]{
+  --tw-text-opacity: 1;
+  color: rgb(230 228 228 / var(--tw-text-opacity));
+}
+
 .placeholder-gray-400\/70::-webkit-input-placeholder{
   color: rgb(156 163 175 / 0.7);
 }

launcher/src/components/UI/node-page/components/logs/LogBody.vue

@@ -4,20 +4,20 @@
   >
     <LogSidebar />
     <div
-      class="w-full h-full col-start-2 col-span-full row-start-1 row-span-full overflow-x-hidden overflow-y-auto max-h-[409px] p-1 flex flex-col justify-start items-start space-y-1 bg-gray-300"
+      class="w-full h-full col-start-2 col-span-full row-start-1 row-span-full overflow-x-hidden overflow-y-auto max-h-[409px] p-1 flex flex-col justify-start items-start space-y-1 bg-[#202225]"
     >
       <div
         v-for="(log, index) in limitedLogs"
         :key="index"
-        :class="`w-full h-full min-h-11 max-h-12 flex justify-start items-center gap-x-2 px-1 py-2 relative cursor-pointer ${
-          index % 2 === 0 ? 'bg-[#bcc0c2] text-[#333333]' : 'bg-gray-700 text-[#ffffff]'
+        :class="`w-full h-full min-h-11 max-h-12 flex justify-start items-center gap-x-2 px-1 py-2 relative cursor-pointer text-[#e6e4e4] ${
+          index % 2 === 0 ? 'bg-[#2f3337] ' : 'bg-[#202225]'
         }  overflow-y-hidden overflow-x-scroll whitespace-pre text-nowrap`"
         @click="copy(log)"
         @mouseenter="hoveredLogIndex = index"
         @mouseleave="hoveredLogIndex = null"
       >
         <span class="text-md font-semibold text-red-500">#{{ logsList.length - index }}</span>
-        <span class="text-md font-semibold">{{ log }}</span>
+        <span class="text-sm font-semibold">{{ log }}</span>
         <img
           v-if="hoveredLogIndex === index"
           class="w-7 h-7 sticky left-[920px] p-1 bg-[#171D22] rounded-md shadow-md shadow-[#191a1b] animate__animated animate__slideInDown cursor-pointer active:scale-90 transition-all ease-in-out duration-150 z-10"
@@ -76,22 +76,24 @@ const copy = async (log) => {
 ::-webkit-scrollbar {
   width: 8px;
   height: 8px;
+  background-color: transparent;
 }
 
 /* Track */
 ::-webkit-scrollbar-track {
-  background: #888;
+  background-color: transparent;
   border-radius: 5px;
 }
 
 /* Handle */
 ::-webkit-scrollbar-thumb {
-  background: #a0a0a0;
+  background: #333639;
+
   border-radius: 5px;
 }
 
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
-  background: #1e1f1f;
+  background: #69b3f8;
 }
 </style>

launcher/src/components/UI/staking-page/components/list/ListBody.vue

@@ -205,10 +205,8 @@ watch(
   () => stakingStore.keys.length,
   async (newLength, oldLength) => {
     if (newLength !== oldLength) {
-      // fetch the latest keys
-      await listKeys();
-      // remove duplicated doppelganger keys
       removeDuplicatedDoppelgangerKeys();
+      await listKeys();
     }
   }
 );