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 */
footer a {
color: #fff !important;
color: #6b486b !important;
}
/* Give service boxes a border */
@ -15,6 +15,7 @@ footer a {
padding: 30px;
box-sizing: border-box;
box-shadow: inset 0 0 10px #ffb6c1;
color: #6b486b;
}
/* Limit size of navbar logo */
@ -36,10 +37,12 @@ footer a {
.btn-primary {
background-color: #ffb6c1 !important;
border-color: #ffb6c1 !important;
color: #6b486b !important;
}
.title-font {
font-family: 'Dancing Script', cursive;
color: #6b486b;
}
.donation-details, .zvr-number, .contact-info {
@ -65,8 +68,9 @@ footer a {
}
.support-us .btn {
font-size: 20px; /* Adjust font size if needed */
padding: 10px 20px; /* Adjust padding if needed */
font-size: 20px;
padding: 10px 20px;
color: #6b486b;
}
.support-us {
@ -76,3 +80,7 @@ footer a {
margin-bottom: 20px;
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">
<a href="membership.html" class="btn btn-primary">Support Us</a>
</div>
<ul class="navbar-nav">
<ul class="navbar-nav text-mauve">
<ul class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
@ -61,15 +61,15 @@
<div class="container text-center text-md-left">
<div class="row">
<div class="col-md-6 mt-md-0 mt-3">
<h5 class="text-uppercase">Private.coffee</h5>
<p>
<h5 class="text-uppercase text-mauve">Private.coffee</h5>
<p class="text-mauve">
Private.coffee is a collection of services that respect your
privacy.
</p>
</div>
<hr class="clearfix w-100 d-md-none pb-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">
<li>
<a href="legal.html">Legal Notice</a>
@ -86,7 +86,7 @@
</ul>
</div>
<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">
<li><a href="mailto:support@private.coffee">Email</a></li>
<li>

View file

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