feat:(welcome) add new lighter blue for link color and improve welcome screen

src/cryptoadvance/specter/static/output.css

@@ -463,10 +463,12 @@ p {
 
 p a {
   --tw-text-opacity: 1;
-  color: rgb(46 92 255 / var(--tw-text-opacity));
+  color: rgb(41 151 255 / var(--tw-text-opacity));
+  text-underline-offset: 4px;
 }
 
 p a:hover {
+  text-decoration-line: underline;
   opacity: 0.8;
 }
 
@@ -1594,6 +1596,11 @@ select {
   border-color: rgb(37 99 235 / var(--tw-border-opacity));
 }
 
+.border-link {
+  --tw-border-opacity: 1;
+  border-color: rgb(41 151 255 / var(--tw-border-opacity));
+}
+
 .bg-dark-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(15 16 21 / var(--tw-bg-opacity));
@@ -1803,6 +1810,11 @@ select {
   color: rgb(46 92 255 / var(--tw-text-opacity));
 }
 
+.text-link {
+  --tw-text-opacity: 1;
+  color: rgb(41 151 255 / var(--tw-text-opacity));
+}
+
 .underline {
   text-decoration-line: underline;
 }
@@ -1948,11 +1960,21 @@ select {
   border-color: rgb(37 99 235 / var(--tw-border-opacity));
 }
 
+.aria-checked\:border-link[aria-checked="true"] {
+  --tw-border-opacity: 1;
+  border-color: rgb(41 151 255 / var(--tw-border-opacity));
+}
+
 .aria-checked\:text-blue-600[aria-checked="true"] {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
 
+.aria-checked\:text-link[aria-checked="true"] {
+  --tw-text-opacity: 1;
+  color: rgb(41 151 255 / var(--tw-text-opacity));
+}
+
 @media (min-width: 1024px) {
   .lg\:flex {
     display: flex;

src/cryptoadvance/specter/static/style.css

@@ -38,7 +38,7 @@
   }
 
   p a {
-    @apply text-accent hover:opacity-80;
+    @apply text-link hover:opacity-80 hover:underline underline-offset-4;
   }
 
   table {

src/cryptoadvance/specter/templates/components/price_bar.jinja

@@ -25,10 +25,10 @@
 
             <nav class="text-center text-dark-200 border-b border-dark-600">
                 <ul class="flex flex-wrap -mb-px">
-                    <li aria-checked="{% if not specter.price_provider %}true{% endif %}" class="mr-2 py-2 border-b-2 border-transparent aria-checked:text-blue-600 aria-checked:border-b-2 aria-checked:border-blue-600" id="manual_menu_item">
+                    <li aria-checked="{% if not specter.price_provider %}true{% endif %}" class="mr-2 py-2 border-b-2 border-transparent aria-checked:text-link aria-checked:border-b-2 aria-checked:border-link" id="manual_menu_item">
                         <button type="button" id="manual_price_btn" class="text-lg inline-block py-1 px-3 hover:text-white rounded-lg hover:bg-dark-700" onclick="setPriceView('manual')">{{ _("Manual") }}</button>
                     </li>
-                    <li aria-checked="{% if specter.price_provider %}true{% endif %}" class="mr-2 py-2 border-b-2 border-transparent aria-checked:text-blue-600 aria-checked:border-b-2 aria-checked:border-blue-600" id="automatic_menu_item">
+                    <li aria-checked="{% if specter.price_provider %}true{% endif %}" class="mr-2 py-2 border-b-2 border-transparent aria-checked:text-link aria-checked:border-b-2 aria-checked:border-link" id="automatic_menu_item">
                         <button type="button" id="automatic_price_btn" class="text-lg inline-block py-1 px-3 hover:text-white rounded-lg hover:bg-dark-700" onclick="setPriceView('automatic')">{{ _("Automatic") }}</button>
                     </li>
                 </ul>

src/cryptoadvance/specter/templates/settings/components/settings_menu_item.jinja

@@ -9,7 +9,7 @@
     - isRight: Is the item at the right edge (last item) of the navigation bar?
  #}
 {% macro settings_menu_item(tab, title, active_menuitem, isLeft=false, isRight=false, blueprint="settings_endpoint") -%}
-    <li class="mr-2 py-2 border-b-2 border-transparent {% if active_menuitem == tab %}text-blue-600 border-b-2 border-blue-600 active{% endif %}">
+    <li class="mr-2 py-2 border-b-2 border-transparent {% if active_menuitem == tab %}text-link border-b-2 border-link active{% endif %}">
         <a class="text-lg inline-block py-1 px-3 hover:text-white rounded-lg hover:bg-dark-700" href="{{ url_for(blueprint+'.'+ tab)}}">{{ title }}</a>
     </li>
 {%- endmacro %}

src/cryptoadvance/specter/templates/wallet/components/wallet_menu_item.jinja

@@ -9,7 +9,7 @@
     - isRight: Is the item at the right edge (last item) of the navigation bar?
  #}
 {% macro wallet_menu_item(tab, title, wallet_alias, active_menuitem, isLeft=false, isRight=false, id="", blueprint="wallets_endpoint") -%}
-    <li class="mr-2 py-2 border-b-2 border-transparent {% if active_menuitem == tab %}text-blue-600 border-b-2 border-blue-600 active{% endif %}">
+    <li class="mr-2 py-2 border-b-2 border-transparent {% if active_menuitem == tab %}text-link border-b-2 border-link active{% endif %}">
         <a 
             class="text-lg inline-block py-1 px-3 hover:text-white rounded-lg hover:bg-dark-700" 
             href="{{ url_for(blueprint+'.'+ tab, wallet_alias=wallet_alias)}}"

src/cryptoadvance/specter/templates/welcome/welcome.jinja

@@ -1,7 +1,7 @@
 {% extends "base.jinja" %}
 
 {% block main %}
-    <h1>{{ _('👋 Welcome to Specter Desktop') }}</h1>
+    <h1>{{ _('👋 Welcome to Specter') }}</h1>
 
     {% if ('://localhost:' not in url_for('index', _external=True) and '://127.0.0.1:' not in url_for('index', _external=True)) and specter.hwi_bridge_url != "http://127.0.0.1:25441/hwi/api/" %}
         {% include welcome_vm.specter_remote_include %}
@@ -10,7 +10,7 @@
     <div class="max-w-prose">
         <p>{{ _("Specter is a convenient wallet to self-custody your bitcoin. It’s great for single signature wallets, but is specifically designed with a focus on multiple signature setups with multiple signing devices.") }}</p>
         <p class="mt-6">
-            &#128217; {{ _("Learn more about ") }}
+            {{ _("Learn more about ") }}
             <a href="https://specter-desktop-docs.netlify.app/multisig-guide/" target="_blank">{{ _("multiple signature setups here") }}</a>.
         </p>
     </div>

tailwind.config.js

@@ -21,6 +21,7 @@ module.exports = {
         },
         // accent: "#0047FF",
         accent: "#2E5CFF",
+        link: "#2997ff"
       },
     },
   },