GlcoinCore/specter-desktop
1
0
Fork 0
mirror of https://github.com/cryptoadvance/specter-desktop.git synced 2026-08-13 12:33:29 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

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

Browse source
This commit is contained in:
Oliver Klein 2023-01-11 08:27:21 +00:00
parent afde53e406
commit 212d605286
7 changed files with 31 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/cryptoadvance/specter/static/output.css
View file

@ -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;

2
src/cryptoadvance/specter/static/style.css
View file

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

4
src/cryptoadvance/specter/templates/components/price_bar.jinja
View file

@ -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>

2
src/cryptoadvance/specter/templates/settings/components/settings_menu_item.jinja
View file

@ -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 %}

2
src/cryptoadvance/specter/templates/wallet/components/wallet_menu_item.jinja
View file

@ -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)}}"

4
src/cryptoadvance/specter/templates/welcome/welcome.jinja
View file

@ -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>

1
tailwind.config.js
View file

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