tdf#152491 Update CSS coloring to match new icons

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

Change-Id: I914ddfd14f0ca351f4eed5eb14ed8ea6ed904422
diff --git a/help3xsl/default.css b/help3xsl/default.css
index 3740504..abf75f6 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 5b9b2a9..7284531 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;