From 24a12256d43b4a5adbc1c33a70537ace223fba0a Mon Sep 17 00:00:00 2001 From: Adolfo Jayme Barrientos Date: Wed, 24 Jun 2020 17:26:16 -0500 Subject: tdf#133640 Replace problematic colors to make links discernible MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit … and add back their default underlines, but dimmed. I still think this looks busy, but I shall get used to it. It’s more a11y-friendly this way. Also, the old, green footer line is gone, since it doesn’t really fit in since commit 4d6b5e5f74c50cc440a46fada8fa89ad2f946749. Change-Id: Ie9feb3cc232ec249dbe323c2ec4b761c12e91ad6 (cherry picked from commit 4847445f1d2ba57767dfb3be236b112e7187a04d) Reviewed-on: https://gerrit.libreoffice.org/c/help/+/97083 Tested-by: Jenkins Reviewed-by: Adolfo Jayme Barrientos --- help3xsl/default.css | 29 +++++++---------------------- 1 file changed, 7 insertions(+), 22 deletions(-) diff --git a/help3xsl/default.css b/help3xsl/default.css index 8030eb5997..4a787184e1 100644 --- a/help3xsl/default.css +++ b/help3xsl/default.css @@ -94,12 +94,12 @@ body { background: #A0F3FF; } a { - text-decoration: none; - color: #0379BC; + text-decoration-color: #D2D4DA; + color: #3CA2E2; } a:hover { text-decoration: underline; - color: #0499EE; + color: #5FB3E7; } pre, .code, @@ -400,9 +400,7 @@ symbol, .logo { white-space: nowrap; } footer { - padding: 40px 10px 40px 10px; - background-color: #FCFCFC; - box-shadow: 0 2px 8px 0 rgba(0,0,0,.05); + padding: 30px 20px; } footer p { font-size: 0.98rem; @@ -541,7 +539,7 @@ aside input[type=checkbox]:checked ~ .contents-treeview { text-decoration: none; } li.active { - background-color: #0379BC; + background-color: #6E7487; } li.active a { color: #fff; @@ -578,9 +576,7 @@ li.disabled a { top: 0px; } .donation{ - background: #0379BC; - background-image: linear-gradient(to bottom, #3498db, #2980b9); - border-radius: 8px; + background: #6E7487; padding: 5px 10px 5px 10px; margin: auto; max-width: 200px; @@ -590,14 +586,6 @@ li.disabled a { .donation a { color: white; } -.donation a:hover { - color: white; - text-decoration: none; -} -.donation:hover{ - background: #0379BC; - background-image: linear-gradient(to bottom, #3cb0fd, #3498db); -} .donation p { font-size:1.2rem; text-align: center; @@ -729,7 +717,7 @@ li.disabled a { } .contents-current { background: rgba(0,0,0,0.05); - border-left: 2px solid #0379BC; + border-left: 2px solid #6E7487; font-weight: 600; margin-left: -12px; padding-left: 10px; @@ -881,9 +869,6 @@ li.disabled a { justify-content: space-between; align-items: center; } - footer { - border-top: 2px solid #148603; - } body { display: grid; grid-template-columns: 360px 100px 300px 1fr; -- cgit