Apply dark-mode fixes

This commit is contained in:
Stefan Wehrmeyer 2023-06-23 14:27:50 +02:00
parent 5f91637178
commit 84b36e5d23
9 changed files with 16 additions and 16 deletions

View file

@ -8,7 +8,7 @@
{% endblock %}
{% block body %}
<nav class="bg-gray-100" aria-label="breadcrumb">
<nav class="bg-body-secondary" aria-label="breadcrumb">
<div class="container">
<ol class="breadcrumb">
<li class="breadcrumb-item">

View file

@ -26,7 +26,7 @@
{% block app_body %}
<div class="container mb-3">
<div class="box-card border-yellow md:shadow-yellow bg-white mb-5">
<div class="box-card border-yellow md:shadow-yellow bg-body mb-5">
<div>
<div class="flex-grow-1 tight-margin p-3 p-md-4 p-lg-5">
<h1 class="mt-0 h3">
@ -42,7 +42,7 @@
</li>
{% for cat in object.categories.all %}
<li>
<a href="{{ section.get_absolute_url }}" class="badge text-bg-light me-2">
<a href="{{ section.get_absolute_url }}" class="badge text-bg-light-subtle me-2">
{{ cat.name }}
</a>
</li>
@ -164,7 +164,7 @@
<div class="col col-12 col-lg-6 d-flex mb-4">
<div class="box-card border-gray shadow-gray">
<div>
<div class="box-card-header bg-gray-300 d-flex justify-content-center p-3 p-md-4 tight-margin flex-column">
<div class="box-card-header text-bg-body-tertiary d-flex justify-content-center p-3 p-md-4 tight-margin flex-column">
<h3 class="h4">Neue Entwicklung melden</h3>
</div>
<div class="p-3 p-md-4">

View file

@ -11,8 +11,8 @@
{% for object in object_list %}
<div class="col col-12 col-md-6 col-lg-4 d-flex mb-3">
<a href="{{ object.get_absolute_url }}" class="d-flex w-100 text-body text-decoration-none">
<div class="box-card border-blue w-100 bg-white shadow-blue">
<div class="box-card-header p-3 bg-blue-20">
<div class="box-card border-blue w-100 bg-body shadow-blue">
<div class="box-card-header p-3 text-bg-callout">
<h3 class="h6 m-0">
{{ object.title }}
</h3>
@ -39,4 +39,4 @@
</div>
{% endfor %}
</div>
{% endif %}
{% endif %}

View file

@ -3,7 +3,7 @@
{% get_plan_progress object_list as progress %}
<div class="d-flex align-items-center">
<span class="text-gray-700{% if not instance.extra_classes or "progress-lg" not in instance.extra_classes %} small{% endif %}">{{ progress.count }} Vorhaben</span>
<span class="text-body-secondary{% if not instance.extra_classes or "progress-lg" not in instance.extra_classes %} small{% endif %}">{{ progress.count }} Vorhaben</span>
<div class="flex-grow-1 ms-2">
<div class="progress" {% if "progress-lg" in instance.extra_classes %}style="height: 1.5rem;"{% endif %}>
{% for section in progress.sections %}

View file

@ -4,7 +4,7 @@
<div class="row">
<div class="col-sm-3">
<span class="text-gray-700{% if not instance.extra_classes or "progress-lg" not in instance.extra_classes %} small{% endif %}">{{ progress.count }} Vorhaben</span>
<span class="text-body-secondary{% if not instance.extra_classes or "progress-lg" not in instance.extra_classes %} small{% endif %}">{{ progress.count }} Vorhaben</span>
</div>
<div class="col-sm-9">
<div class="progress" {% if "progress-lg" in instance.extra_classes %}style="height: 1.5rem;"{% endif %}>

View file

@ -17,11 +17,11 @@
<a href="{{ section.get_absolute_url }}" class="d-flex w-100 text-body text-decoration-none">
<div class="box-card border-blue mb-4">
<div>
<div class="box-card-header tight-margin d-flex align-items-center has-background p-3 p-md-4 bg-blue-20" id="govsection-{{ section.pk }}">
<div class="box-card-header tight-margin d-flex align-items-center has-background p-3 p-md-4 text-bg-callout" id="govsection-{{ section.pk }}">
<h3 class="h5 m-0">{{ section.title }}</h3>
{% if section.icon %}
<div class="ms-auto">
<div class="box-card-icon position-static bg-white">
<div class="box-card-icon position-static text-bg-body">
<i class="fa fa-{{ section.icon }}"></i>
</div>
</div>

View file

@ -5,7 +5,7 @@
<div class="row">
{% with gov=instance.government %}
<div class="col-sm-3">
<span class="text-gray-700">
<span class="text-body-secondary">
{% blocktranslate count days=gov.days_left %}One day left{% plural %}{{ days }} days left{% endblocktranslate %}
</span>
</div>

View file

@ -2,9 +2,9 @@
{% for update in updates %}
{% if wrapper_classes %}<div class="{{ wrapper_classes }}">{% endif %}
<div class="box-card border-blue shadow-blue bg-white" id="update-{{ update.pk }}">
<div class="box-card border-blue shadow-blue bg-body" id="update-{{ update.pk }}">
<a href="{{ update.get_absolute_url }}" class="text-body text-decoration-none">
<div class="box-card-header bg-blue-20 d-flex justify-content-center p-3 p-md-4 tight-margin flex-column">
<div class="box-card-header text-bg-callout d-flex justify-content-center p-3 p-md-4 tight-margin flex-column">
<div>
{% if show_context %}
<span class="badge text-bg-blue-100 rounded-pill float-md-right mb-2 mb-md-0">

View file

@ -22,7 +22,7 @@
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col col-lg-12">
<div class="box-card border-yellow md:shadow-yellow bg-white p-3 p-md-4 p-lg-5 tight-margin">
<div class="box-card border-yellow md:shadow-yellow bg-body p-3 p-md-4 p-lg-5 tight-margin">
<div class="row mx-0">
<div class="col col-12 col-md-12 ps-0 tight-margin">
<h1 class="mt-0 h2">
@ -39,7 +39,7 @@
<div class="mt-5">
{% include "froide_govplan/plugins/progress_row.html" with object_list=plans %}
<p class="small text-gray-700 mt-3 no-hyphens">
<p class="small text-body-secondary mt-3 no-hyphens">
<span class="text-nowrap me-1"><i class="fa fa-circle text-light"></i>&nbsp;nicht begonnen</span>
<span class="text-nowrap me-1"><i class="fa fa-circle text-primary"></i>&nbsp;begonnen</span>
<span class="text-nowrap me-1"><i class="fa fa-circle text-warning"></i>&nbsp;teilweise umgesetzt</span>