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 %} {% endblock %}
{% block body %} {% block body %}
<nav class="bg-gray-100" aria-label="breadcrumb"> <nav class="bg-body-secondary" aria-label="breadcrumb">
<div class="container"> <div class="container">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"> <li class="breadcrumb-item">

View file

@ -26,7 +26,7 @@
{% block app_body %} {% block app_body %}
<div class="container mb-3"> <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>
<div class="flex-grow-1 tight-margin p-3 p-md-4 p-lg-5"> <div class="flex-grow-1 tight-margin p-3 p-md-4 p-lg-5">
<h1 class="mt-0 h3"> <h1 class="mt-0 h3">
@ -42,7 +42,7 @@
</li> </li>
{% for cat in object.categories.all %} {% for cat in object.categories.all %}
<li> <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 }} {{ cat.name }}
</a> </a>
</li> </li>
@ -164,7 +164,7 @@
<div class="col col-12 col-lg-6 d-flex mb-4"> <div class="col col-12 col-lg-6 d-flex mb-4">
<div class="box-card border-gray shadow-gray"> <div class="box-card border-gray shadow-gray">
<div> <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> <h3 class="h4">Neue Entwicklung melden</h3>
</div> </div>
<div class="p-3 p-md-4"> <div class="p-3 p-md-4">

View file

@ -11,8 +11,8 @@
{% for object in object_list %} {% for object in object_list %}
<div class="col col-12 col-md-6 col-lg-4 d-flex mb-3"> <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"> <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 border-blue w-100 bg-body shadow-blue">
<div class="box-card-header p-3 bg-blue-20"> <div class="box-card-header p-3 text-bg-callout">
<h3 class="h6 m-0"> <h3 class="h6 m-0">
{{ object.title }} {{ object.title }}
</h3> </h3>

View file

@ -3,7 +3,7 @@
{% get_plan_progress object_list as progress %} {% get_plan_progress object_list as progress %}
<div class="d-flex align-items-center"> <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="flex-grow-1 ms-2">
<div class="progress" {% if "progress-lg" in instance.extra_classes %}style="height: 1.5rem;"{% endif %}> <div class="progress" {% if "progress-lg" in instance.extra_classes %}style="height: 1.5rem;"{% endif %}>
{% for section in progress.sections %} {% for section in progress.sections %}

View file

@ -4,7 +4,7 @@
<div class="row"> <div class="row">
<div class="col-sm-3"> <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>
<div class="col-sm-9"> <div class="col-sm-9">
<div class="progress" {% if "progress-lg" in instance.extra_classes %}style="height: 1.5rem;"{% endif %}> <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"> <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 class="box-card border-blue mb-4">
<div> <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> <h3 class="h5 m-0">{{ section.title }}</h3>
{% if section.icon %} {% if section.icon %}
<div class="ms-auto"> <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> <i class="fa fa-{{ section.icon }}"></i>
</div> </div>
</div> </div>

View file

@ -5,7 +5,7 @@
<div class="row"> <div class="row">
{% with gov=instance.government %} {% with gov=instance.government %}
<div class="col-sm-3"> <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 %} {% blocktranslate count days=gov.days_left %}One day left{% plural %}{{ days }} days left{% endblocktranslate %}
</span> </span>
</div> </div>

View file

@ -2,9 +2,9 @@
{% for update in updates %} {% for update in updates %}
{% if wrapper_classes %}<div class="{{ wrapper_classes }}">{% endif %} {% 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"> <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> <div>
{% if show_context %} {% if show_context %}
<span class="badge text-bg-blue-100 rounded-pill float-md-right mb-2 mb-md-0"> <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="container">
<div class="row justify-content-center mb-5"> <div class="row justify-content-center mb-5">
<div class="col col-lg-12"> <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="row mx-0">
<div class="col col-12 col-md-12 ps-0 tight-margin"> <div class="col col-12 col-md-12 ps-0 tight-margin">
<h1 class="mt-0 h2"> <h1 class="mt-0 h2">
@ -39,7 +39,7 @@
<div class="mt-5"> <div class="mt-5">
{% include "froide_govplan/plugins/progress_row.html" with object_list=plans %} {% 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-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-primary"></i>&nbsp;begonnen</span>
<span class="text-nowrap me-1"><i class="fa fa-circle text-warning"></i>&nbsp;teilweise umgesetzt</span> <span class="text-nowrap me-1"><i class="fa fa-circle text-warning"></i>&nbsp;teilweise umgesetzt</span>