mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2024-11-27 03:51:08 +00:00
use a new has-text-default instead of has-text-black
This commit is contained in:
parent
300eea3b94
commit
d3992802f2
8 changed files with 14 additions and 8 deletions
|
@ -23,3 +23,8 @@
|
||||||
.has-background-tertiary {
|
.has-background-tertiary {
|
||||||
background-color: $background-tertiary !important;
|
background-color: $background-tertiary !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Workaround for dark theme as .has-text-black doesn't give desired effect. */
|
||||||
|
.has-text-default {
|
||||||
|
color: $text !important;
|
||||||
|
}
|
||||||
|
|
|
@ -53,6 +53,7 @@ $link-hover: $white-bis;
|
||||||
$link-hover-border: #51595d;
|
$link-hover-border: #51595d;
|
||||||
$link-focus: $white-bis;
|
$link-focus: $white-bis;
|
||||||
$link-active: $white-bis;
|
$link-active: $white-bis;
|
||||||
|
$link-light: #0d1c26;
|
||||||
|
|
||||||
/* bulma overrides */
|
/* bulma overrides */
|
||||||
$background: $background-secondary;
|
$background: $background-secondary;
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
|
|
||||||
<div class="column my-3-mobile ml-3-tablet mr-auto">
|
<div class="column my-3-mobile ml-3-tablet mr-auto">
|
||||||
<h2 class="title is-5 mb-1">
|
<h2 class="title is-5 mb-1">
|
||||||
<a href="{{ book.local_path }}" class="has-text-black">
|
<a href="{{ book.local_path }}" class="has-text-default">
|
||||||
{{ book|book_title }}
|
{{ book|book_title }}
|
||||||
</a>
|
</a>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
|
@ -38,7 +38,7 @@
|
||||||
{% for membership in group.memberships.all %}
|
{% for membership in group.memberships.all %}
|
||||||
{% with member=membership.user %}
|
{% with member=membership.user %}
|
||||||
<div class="box has-text-centered is-shadowless has-background-tertiary my-2 mx-2 member_{{ member.id }}">
|
<div class="box has-text-centered is-shadowless has-background-tertiary my-2 mx-2 member_{{ member.id }}">
|
||||||
<a href="{{ member.local_path }}" class="has-text-black">
|
<a href="{{ member.local_path }}" class="has-text-default">
|
||||||
{% include 'snippets/avatar.html' with user=member large=True %}
|
{% include 'snippets/avatar.html' with user=member large=True %}
|
||||||
<span title="{{ member.display_name }}" class="is-block is-6 has-text-weight-bold">{{ member.display_name|truncatechars:10 }}</span>
|
<span title="{{ member.display_name }}" class="is-block is-6 has-text-weight-bold">{{ member.display_name|truncatechars:10 }}</span>
|
||||||
<span title="@{{ member|username }}" class="is-block pb-3">@{{ member|username|truncatechars:8 }}</span>
|
<span title="@{{ member|username }}" class="is-block pb-3">@{{ member|username|truncatechars:8 }}</span>
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="column is-flex is-flex-grow-0">
|
<div class="column is-flex is-flex-grow-0">
|
||||||
{% for user in suggested_users %}
|
{% for user in suggested_users %}
|
||||||
<div class="box has-text-centered is-shadowless has-background-tertiary m-2">
|
<div class="box has-text-centered is-shadowless has-background-tertiary m-2">
|
||||||
<a href="{{ user.local_path }}" class="has-text-black">
|
<a href="{{ user.local_path }}" class="has-text-default">
|
||||||
{% include 'snippets/avatar.html' with user=user large=True %}
|
{% include 'snippets/avatar.html' with user=user large=True %}
|
||||||
<span title="{{ user.display_name }}" class="is-block is-6 has-text-weight-bold">{{ user.display_name|truncatechars:10 }}</span>
|
<span title="{{ user.display_name }}" class="is-block is-6 has-text-weight-bold">{{ user.display_name|truncatechars:10 }}</span>
|
||||||
<span title="@{{ user|username }}" class="is-block pb-3">@{{ user|username|truncatechars:8 }}</span>
|
<span title="@{{ user|username }}" class="is-block pb-3">@{{ user|username|truncatechars:8 }}</span>
|
||||||
|
|
|
@ -48,12 +48,12 @@
|
||||||
|
|
||||||
|
|
||||||
{% block preview %}
|
{% block preview %}
|
||||||
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-body has-text-black{% endif %}">
|
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-body has-text-default{% endif %}">
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column is-clipped">
|
<div class="column is-clipped">
|
||||||
{% include 'snippets/status_preview.html' with status=related_status %}
|
{% include 'snippets/status_preview.html' with status=related_status %}
|
||||||
</div>
|
</div>
|
||||||
<div class="column is-narrow has-text-black">
|
<div class="column is-narrow has-text-default">
|
||||||
{{ related_status.published_date|timesince }}
|
{{ related_status.published_date|timesince }}
|
||||||
{% include 'snippets/privacy-icons.html' with item=related_status %}
|
{% include 'snippets/privacy-icons.html' with item=related_status %}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -51,12 +51,12 @@
|
||||||
|
|
||||||
|
|
||||||
{% block preview %}
|
{% block preview %}
|
||||||
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-body has-text-black{% endif %}">
|
<div class="notification py-2 {% if notification.id in unread %}is-primary is-light{% else %}has-background-body has-text-default{% endif %}">
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column is-clipped">
|
<div class="column is-clipped">
|
||||||
{% include 'snippets/status_preview.html' with status=related_status %}
|
{% include 'snippets/status_preview.html' with status=related_status %}
|
||||||
</div>
|
</div>
|
||||||
<div class="column is-narrow has-text-black">
|
<div class="column is-narrow has-text-default">
|
||||||
{{ related_status.published_date|timesince }}
|
{{ related_status.published_date|timesince }}
|
||||||
{% include 'snippets/privacy-icons.html' with item=related_status %}
|
{% include 'snippets/privacy-icons.html' with item=related_status %}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
{% for user in suggested_users %}
|
{% for user in suggested_users %}
|
||||||
<div class="column is-flex is-flex-grow-0">
|
<div class="column is-flex is-flex-grow-0">
|
||||||
<div class="box has-text-centered is-shadowless has-background-tertiary m-0">
|
<div class="box has-text-centered is-shadowless has-background-tertiary m-0">
|
||||||
<a href="{{ user.local_path }}" class="has-text-black">
|
<a href="{{ user.local_path }}" class="has-text-default">
|
||||||
{% include 'snippets/avatar.html' with user=user large=True %}
|
{% include 'snippets/avatar.html' with user=user large=True %}
|
||||||
<span title="{{ user.display_name }}" class="is-block is-6 has-text-weight-bold">{{ user.display_name|truncatechars:10 }}</span>
|
<span title="{{ user.display_name }}" class="is-block is-6 has-text-weight-bold">{{ user.display_name|truncatechars:10 }}</span>
|
||||||
<span title="@{{ user|username }}" class="is-block pb-3">@{{ user|username|truncatechars:8 }}</span>
|
<span title="@{{ user|username }}" class="is-block pb-3">@{{ user|username|truncatechars:8 }}</span>
|
||||||
|
|
Loading…
Reference in a new issue