improvement: make wallet heading name more visible in dark mode

src/renderer/components/Wallet/WalletHeading/WalletHeadingInfo.vue

@@ -28,7 +28,7 @@
     <div class="flex flex-col justify-center text-white antialiased pl-4">
       <div
         v-if="name"
-        class="flex flex-row text-lg font-semibold text-theme-feature-item-text"
+        class="flex flex-row text-lg font-semibold text-theme-heading-text"
       >
         <span class="block xl:hidden">
           {{ name | truncate(12) }}
@@ -93,7 +93,7 @@
         {{ balance }}
         <span
           v-if="isMarketEnabled"
-          class="WalletHeading__balance__alternative text-xs text-theme-feature-item-text"
+          class="WalletHeading__balance__alternative text-xs text-theme-heading-text"
         >
           {{ alternativeBalance }}
         </span>

src/renderer/styles/_theme.css

@@ -50,6 +50,7 @@
   --theme-button-special-choice: #e78068;
 
   --theme-heading-background: #343956;
+  --theme-heading-text: #c0cddf;
 
   --theme-chart-background: #f8fafc;
   --theme-chart-price: #3b4559;
@@ -152,6 +153,7 @@
   --theme-button-special-choice: #e78068;
 
   --theme-heading-background: #31333d;
+  --theme-heading-text: #c0cddf;
   --theme-chart-price: white;
   --theme-chart-background: #373a43;
 

tailwind.js

@@ -89,6 +89,7 @@ let colors = {
 
   'theme-caption-text': 'var(--theme-caption-text)',
   'theme-heading-background': 'var(--theme-heading-background)',
+  'theme-heading-text': 'var(--theme-heading-text)',
 
   'theme-button-special-choice': 'var(--theme-button-special-choice)',