color login buttons in css instead of hardcoding colors into the html

This commit is contained in:
codl 2019-07-23 04:30:18 +02:00
parent fb1725d43a
commit 289a1df83f
No known key found for this signature in database
GPG Key ID: 6CD7C8891ED1233A
2 changed files with 11 additions and 3 deletions

View File

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

View File

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