Increase color contrast on privacy warning (#3015)

The current text contrast on the privacy warning is a WCAG violation. I didn't notice this because my instance has a custom theme which is better. On default theme I am barely able to read the text with my impaired vision. This patch brings the contrast to Normal Text WCAG AA compliance, and Large Text WCAG AAA compliance.

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 3d133d4d9fa770e0238ed4df1bd8731ec5f7a244..de0943d172f4cd8014585ec2ef0f2b4e2179be54 100644 (file)
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -226,7 +226,7 @@
 }
 
 .compose-form__warning {
-  color: darken($ui-secondary-color, 33%);
+  color: darken($ui-secondary-color, 65%);
   margin-bottom: 15px;
   background: $ui-primary-color;
   box-shadow: 0 2px 6px rgba($base-shadow-color, 0.3);