color login buttons in css instead of hardcoding colors into the html
This commit is contained in:
parent
fb1725d43a
commit
289a1df83f
|
@ -227,6 +227,14 @@ button {
|
|||
background-color: #37d;
|
||||
}
|
||||
|
||||
.btn.primary.twitter-colored {
|
||||
background-color: #1da1f2;
|
||||
}
|
||||
|
||||
.btn.primary.mastodon-colored {
|
||||
background-color: #282c37;
|
||||
}
|
||||
|
||||
.btn.secondary {
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3);
|
||||
|
|
|
@ -17,7 +17,7 @@
|
|||
{% endif %}
|
||||
|
||||
<p>
|
||||
<a style='background-color:#1da1f2' class='btn primary' href="/login/twitter">
|
||||
<a class='btn primary twitter-colored' href="/login/twitter">
|
||||
{{picture(st, 'twitter', (20,40,80), ('webp', 'png'))}}
|
||||
Log in with Twitter
|
||||
</a>
|
||||
|
@ -26,7 +26,7 @@
|
|||
<p id='mastodon_instance_buttons'>
|
||||
|
||||
{% for instance in mastodon_instances %}
|
||||
<a style='background-color:#282c37' class='btn primary' href="{{ url_for('mastodon_login_step1', instance_url=instance) }}">
|
||||
<a class='btn primary mastodon-colored' href="{{ url_for('mastodon_login_step1', instance_url=instance) }}">
|
||||
{% if loop.first %}
|
||||
{{picture(st, 'mastodon', (20,40,80), ('webp', 'png'))}}
|
||||
Log in with
|
||||
|
@ -34,7 +34,7 @@
|
|||
{{instance}}
|
||||
</a>
|
||||
{% else %}
|
||||
<a style='background-color:#282c37' class='btn primary' href="{{ url_for('mastodon_login_step1') }}">
|
||||
<a class='btn primary mastodon-colored' href="{{ url_for('mastodon_login_step1') }}">
|
||||
{{picture(st, 'mastodon', (20,40,80), ('webp', 'png'))}}
|
||||
Log in with Mastodon
|
||||
</a>
|
||||
|
|
Loading…
Reference in New Issue