tdf#133640 Replace problematic colors to make links discernible

… 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 <fitojb@ubuntu.com>

1 files 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;