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;
|
background-color: #37d;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn.primary.twitter-colored {
|
||||||
|
background-color: #1da1f2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.primary.mastodon-colored {
|
||||||
|
background-color: #282c37;
|
||||||
|
}
|
||||||
|
|
||||||
.btn.secondary {
|
.btn.secondary {
|
||||||
background-color: rgba(255,255,255,0.5);
|
background-color: rgba(255,255,255,0.5);
|
||||||
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3);
|
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3);
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<p>
|
<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'))}}
|
{{picture(st, 'twitter', (20,40,80), ('webp', 'png'))}}
|
||||||
Log in with Twitter
|
Log in with Twitter
|
||||||
</a>
|
</a>
|
||||||
|
@ -26,7 +26,7 @@
|
||||||
<p id='mastodon_instance_buttons'>
|
<p id='mastodon_instance_buttons'>
|
||||||
|
|
||||||
{% for instance in mastodon_instances %}
|
{% 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 %}
|
{% if loop.first %}
|
||||||
{{picture(st, 'mastodon', (20,40,80), ('webp', 'png'))}}
|
{{picture(st, 'mastodon', (20,40,80), ('webp', 'png'))}}
|
||||||
Log in with
|
Log in with
|
||||||
|
@ -34,7 +34,7 @@
|
||||||
{{instance}}
|
{{instance}}
|
||||||
</a>
|
</a>
|
||||||
{% else %}
|
{% 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'))}}
|
{{picture(st, 'mastodon', (20,40,80), ('webp', 'png'))}}
|
||||||
Log in with Mastodon
|
Log in with Mastodon
|
||||||
</a>
|
</a>
|
||||||
|
|
Loading…
Reference in New Issue