Updated text colors for improved contrast.

This commit is contained in:
jupfi 2024-04-14 15:20:02 +02:00
parent d402b232b7
commit 7c685aac4e
3 changed files with 17 additions and 9 deletions

View file

@ -4,7 +4,7 @@
/* Make sure links in the footer are white */ /* Make sure links in the footer are white */
footer a { footer a {
color: #fff !important; color: #6b486b !important;
} }
/* Give service boxes a border */ /* Give service boxes a border */
@ -15,6 +15,7 @@ footer a {
padding: 30px; padding: 30px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: inset 0 0 10px #ffb6c1; box-shadow: inset 0 0 10px #ffb6c1;
color: #6b486b;
} }
/* Limit size of navbar logo */ /* Limit size of navbar logo */
@ -36,10 +37,12 @@ footer a {
.btn-primary { .btn-primary {
background-color: #ffb6c1 !important; background-color: #ffb6c1 !important;
border-color: #ffb6c1 !important; border-color: #ffb6c1 !important;
color: #6b486b !important;
} }
.title-font { .title-font {
font-family: 'Dancing Script', cursive; font-family: 'Dancing Script', cursive;
color: #6b486b;
} }
.donation-details, .zvr-number, .contact-info { .donation-details, .zvr-number, .contact-info {
@ -65,8 +68,9 @@ footer a {
} }
.support-us .btn { .support-us .btn {
font-size: 20px; /* Adjust font size if needed */ font-size: 20px;
padding: 10px 20px; /* Adjust padding if needed */ padding: 10px 20px;
color: #6b486b;
} }
.support-us { .support-us {
@ -76,3 +80,7 @@ footer a {
margin-bottom: 20px; margin-bottom: 20px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* More intense shadow */ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* More intense shadow */
} }
.text-mauve {
color: #6b486b;
}

View file

@ -29,7 +29,7 @@
<div class="support-us"> <div class="support-us">
<a href="membership.html" class="btn btn-primary">Support Us</a> <a href="membership.html" class="btn btn-primary">Support Us</a>
</div> </div>
<ul class="navbar-nav"> <ul class="navbar-nav text-mauve">
<ul class="nav-item dropdown"> <ul class="nav-item dropdown">
<a <a
class="nav-link dropdown-toggle" class="nav-link dropdown-toggle"
@ -61,15 +61,15 @@
<div class="container text-center text-md-left"> <div class="container text-center text-md-left">
<div class="row"> <div class="row">
<div class="col-md-6 mt-md-0 mt-3"> <div class="col-md-6 mt-md-0 mt-3">
<h5 class="text-uppercase">Private.coffee</h5> <h5 class="text-uppercase text-mauve">Private.coffee</h5>
<p> <p class="text-mauve">
Private.coffee is a collection of services that respect your Private.coffee is a collection of services that respect your
privacy. privacy.
</p> </p>
</div> </div>
<hr class="clearfix w-100 d-md-none pb-3" /> <hr class="clearfix w-100 d-md-none pb-3" />
<div class="col-md-3 mb-md-0 mb-3"> <div class="col-md-3 mb-md-0 mb-3">
<h5 class="text-uppercase">Legal stuff:</h5> <h5 class="text-uppercase text-mauve">Legal stuff:</h5>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li> <li>
<a href="legal.html">Legal Notice</a> <a href="legal.html">Legal Notice</a>
@ -86,7 +86,7 @@
</ul> </ul>
</div> </div>
<div class="col-md-3 mb-md-0 mb-3"> <div class="col-md-3 mb-md-0 mb-3">
<h5 class="text-uppercase">Contact</h5> <h5 class="text-uppercase text-mauve">Contact</h5>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><a href="mailto:support@private.coffee">Email</a></li> <li><a href="mailto:support@private.coffee">Email</a></li>
<li> <li>

View file

@ -1,6 +1,6 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="container"> <div class="container text-mauve">
<h1>Welcome to Private.coffee</h1> <h1>Welcome to Private.coffee</h1>
<p> <p>
Private.coffee is a collection of services that respect your privacy. Private.coffee is a collection of services that respect your privacy.