From 09b2e69178fa84ec8969e4016255f664266a54f6 Mon Sep 17 00:00:00 2001
From: Richard Schreiber <schreiber@rami.io>
Date: Tue, 16 Mar 2021 12:10:37 +0100
Subject: [PATCH] [a11y] Increase contrast on some colors for WCAG conformance
 (#1996)

Co-authored-by: Raphael Michel <mail@raphaelmichel.de>
---
 src/pretix/static/bootstrap/scss/bootstrap/_variables.scss | 2 +-
 src/pretix/static/pretixbase/scss/_variables.scss          | 6 +++---
 src/pretix/static/pretixcontrol/scss/_forms.scss           | 4 ++++
 src/pretix/static/pretixpresale/scss/_forms.scss           | 4 ++++
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/pretix/static/bootstrap/scss/bootstrap/_variables.scss b/src/pretix/static/bootstrap/scss/bootstrap/_variables.scss
index 898ef14adc..4e4a45a0a8 100644
--- a/src/pretix/static/bootstrap/scss/bootstrap/_variables.scss
+++ b/src/pretix/static/bootstrap/scss/bootstrap/_variables.scss
@@ -208,7 +208,7 @@ $input-border-radius-small:      $border-radius-small !default;
 $input-border-focus:             #66afe9 !default;
 
 //** Placeholder text color
-$input-color-placeholder:        #999 !default;
+$input-color-placeholder:        #767676 !default;
 
 //** Default `.form-control` height
 $input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
diff --git a/src/pretix/static/pretixbase/scss/_variables.scss b/src/pretix/static/pretixbase/scss/_variables.scss
index 9c4d3eb3b0..15b6d92dc9 100644
--- a/src/pretix/static/pretixbase/scss/_variables.scss
+++ b/src/pretix/static/pretixbase/scss/_variables.scss
@@ -9,19 +9,19 @@
 $gray-darker: lighten(#000, 13.5%);
 $gray-dark: lighten(#000, 20%);
 $gray: lighten(#000, 33.5%);
-$gray-light: lighten(#000, 60%);
+$gray-light: lighten(#000, 55%);
 $gray-lighter: lighten(#000, 93.5%);
 $gray-lightest: lighten(#000, 97.25%);
 
 $font-family-sans-serif:  "Open Sans", "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
 $text-color: #222222 !default;
-$text-muted: #999999 !default;
+$text-muted: #767676 !default;
 
 $brand-primary: #7f5a91 !default;
 $brand-success: #50a167 !default;
 $brand-info: #5f9cd4 !default;
 $brand-warning: #ffb419 !default;
-$brand-danger: #d36060 !default;
+$brand-danger: #c44f4f !default;
 
 $btn-default-border: #CCCCCC;
 
diff --git a/src/pretix/static/pretixcontrol/scss/_forms.scss b/src/pretix/static/pretixcontrol/scss/_forms.scss
index 763fc7a8ce..72e8b9bbf4 100644
--- a/src/pretix/static/pretixcontrol/scss/_forms.scss
+++ b/src/pretix/static/pretixcontrol/scss/_forms.scss
@@ -1,3 +1,7 @@
+.help-block {
+  color: $text-muted;
+}
+
 td > .form-group {
   margin-bottom: 0;
 }
diff --git a/src/pretix/static/pretixpresale/scss/_forms.scss b/src/pretix/static/pretixpresale/scss/_forms.scss
index e151d184f6..2f3e191f2c 100644
--- a/src/pretix/static/pretixpresale/scss/_forms.scss
+++ b/src/pretix/static/pretixpresale/scss/_forms.scss
@@ -1,3 +1,7 @@
+.help-block {
+  color: $text-muted;
+}
+
 a.btn, button.btn {
   max-width: 100%;
   white-space: normal;