From 7afce9ae2a7c1ff61dc885e096316992c5593681 Mon Sep 17 00:00:00 2001 From: idotj Date: Mon, 17 Jan 2022 20:09:20 +0100 Subject: [PATCH 1/2] Improve color contrast for WCAG standards + add underline to links --- app/static/css/main.css | 36 ++++++++++++++++++++++++++++-------- app/templates/index.html | 14 +++++++------- 2 files changed, 35 insertions(+), 15 deletions(-) diff --git a/app/static/css/main.css b/app/static/css/main.css index dd76da6..679f664 100644 --- a/app/static/css/main.css +++ b/app/static/css/main.css @@ -7,6 +7,10 @@ select { font-family: Arial, Helvetica, sans-serif !important; } +a { + text-decoration: underline; +} + #app { min-height: 80vh; } @@ -97,7 +101,7 @@ h3.header { background: none; padding: 0; cursor: pointer; - color: #777; + color: #666; } .btn-delete-text:focus, @@ -109,7 +113,7 @@ h3.header { position: absolute; right: 2rem; bottom: 1rem; - color: #777; + color: #666; pointer-events: none; } .actions { @@ -121,7 +125,7 @@ h3.header { .btn-switch-type { background-color: #fff; - color: #42A5F5; + color: #1565C0; display: flex; align-items: center; margin: .5rem; @@ -133,11 +137,11 @@ h3.header { .btn-switch-type:hover { background-color: #eee !important; - color: #42A5F5; + color: #1565C0; } .btn-switch-type.active { - background-color: #42A5F5 !important; + background-color: #1565C0 !important; color: #fff; } @@ -161,7 +165,7 @@ h3.header { .btn-action { display: flex; align-items: center; - color: #777; + color: #666; font-size: 0.85rem; background: none; border: none; @@ -169,10 +173,10 @@ h3.header { } .btn-blue { - color: #42A5F5; + color: #1565C0; } .btn-action:disabled { - color: #777; + color: #666; } .btn-action span { @@ -256,6 +260,22 @@ h3.header { height: 32px; } +.brand-logo { + text-decoration: none; +} + +.sidenav-trigger { + background-color: transparent; + border: none; + color: white; +} + +@media (min-width: 993px) { + nav button.sidenav-trigger { + display: none; + } +} + #download-btn-wrapper { display: flex; justify-content: center; diff --git a/app/templates/index.html b/app/templates/index.html index 4efcf31..c9c571e 100644 --- a/app/templates/index.html +++ b/app/templates/index.html @@ -35,9 +35,9 @@
-