tdf#152491 Update CSS coloring to match new icons

https://wiki.documentfoundation.org/Design/Branding#LibreOffice_application_colors

Change-Id: I914ddfd14f0ca351f4eed5eb14ed8ea6ed904422
(cherry picked from commit 77d02e65e9acae649867fe67cdba46f30e58a7e0)
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/144042
Tested-by: Jenkins
Reviewed-by: Adolfo Jayme Barrientos <fitojb@ubuntu.com>

2 files changed, 14 insertions, 14 deletions

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 3740504722..abf75f69c1 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -540,42 +540,42 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #0369a3;
+    color: #083fa6;
 }
 #CALC::before {
     content: "Calc";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #43c330;
+    color: #007c3c;
 }
 #IMPRESS::before {
     content: "Impress";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #a33e03;
+    color: #d0120d;
 }
 #DRAW::before {
     content: "Draw";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #c99c00;
+    color: #cb6d30;
 }
 #BASE::before {
     content: "Base";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: #8e03a3;
+    color: #7324a9;
 }
 #MATH::before {
     content: "Math";
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: darkslategray;
+    color: #c10018;
 }
 #CHART::before {
     content: "Chart";
@@ -596,7 +596,7 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
     display: block;
     font-size: 22px;
     font-weight: bold;
-    color: gray;
+    color: darkslategray;
 }
 .pagination-container {
     text-align: center;
diff --git a/help3xsl/help2.js b/help3xsl/help2.js
index 5b9b2a970b..728453134b 100644
--- a/help3xsl/help2.js
+++ b/help3xsl/help2.js
@@ -70,15 +70,15 @@ function setSystemSpan(spanZ) {
 
 function moduleColor (module) {
     switch (module){
-        case "WRITER" : {color="#0369A3"; break;}
-        case "CALC"   : {color="#43C330"; break;}
+        case "WRITER" : {color="#083fa6"; break;}
+        case "CALC"   : {color="#007c3c"; break;}
         case "CHART"  : {color="darkcyan"; break;}
-        case "IMPRESS": {color="#A33E03"; break;}
-        case "DRAW"   : {color="#C99C00"; break;}
-        case "BASE"   : {color="#8E03A3"; break;}
+        case "IMPRESS": {color="#d0120d"; break;}
+        case "DRAW"   : {color="#cb6d30"; break;}
+        case "BASE"   : {color="#7324a9"; break;}
         case "BASIC"  : {color="black"; break;}
-        case "MATH"   : {color="darkslategray"; break;}
-        case "SHARED" : {color="gray"; break;}
+        case "MATH"   : {color="#c10018"; break;}
+        case "SHARED" : {color="darkslategray"; break;}
         default : {color="#18A303"; break;}
     }
     document.getElementById("TopLeftHeader").style.background = color;