fix fonts and colors

2 files changed, 12 insertions, 14 deletions

diff --git a/container-search-gui/src/main/resources/gui/_includes/css/vespa.css b/container-search-gui/src/main/resources/gui/_includes/css/vespa.css
index 110c52b6822..19d5009e33f 100644
--- a/container-search-gui/src/main/resources/gui/_includes/css/vespa.css
+++ b/container-search-gui/src/main/resources/gui/_includes/css/vespa.css
@@ -8,8 +8,8 @@
    --secondary-dark: #333;
    --muted: #777;
 
-   --fontprimary: HelveticaNeue,Helvetica,Arial,sans-serif;
-   --fontsecondary: HelveticaNeue-Thin,Helvetica,Arial,sans-serif;
+   --fontprimary: "Hind Madurai",Helvetica,Arial,sans-serif;
+   --fontsecondary: "Hind Madurai",Helvetica,Arial,sans-serif;
  }
 
 .bg-light-blue {
@@ -91,7 +91,7 @@ section h2.section-subheading,
 section h3.section-heading,
 section h3.section-subheading {
     text-transform: none;
-    font-family: HelveticaNeue-Thin,Helvetica,Arial,sans-serif;
+    font-family: "Hind Madurai",Helvetica,Arial,sans-serif;
     font-weight: normal;
     font-style: normal;
 }
@@ -135,7 +135,7 @@ header .help-title {
 }
 
 .navbar-default {
-    background-color: #3F9DD8;
+    background-color: #005A8E;
     padding: 0;
     border-bottom: 2px solid rgba(255, 255, 255, 0.2);
 }
@@ -153,7 +153,7 @@ header .help-title {
     height: 28px;
     width: 100px;
     display: inline-block;
-    font-family: HelveticaNeue,Helvetica,Arial,sans-serif;
+    font-family: "Hind Madurai",Helvetica,Arial,sans-serif;
     font-weight: bold;
     color: var(--primary);
     margin-top: 16px;
@@ -166,7 +166,7 @@ header .help-title {
     letter-spacing: 1px;
     color: #FFFFFF;
     text-transform: none;
-    font-family: HelveticaNeue,Helvetica,Arial,sans-serif;
+    font-family: "Hind Madurai",Helvetica,Arial,sans-serif;
 }
 
 .navbar-default .navbar-nav > li > a:hover,
@@ -189,7 +189,8 @@ section[id]:before {
 }
 
 header {
-    background-image: linear-gradient(0deg, #98C1DB 7%, #3F9DD8 100%);
+    /*background-image: linear-gradient(0deg, #98C1DB 7%, #3F9DD8 100%); */
+    background-color: #005A8E;
     min-height: 1150px;
 }
 
@@ -396,7 +397,6 @@ header .copyJSON{
   height: 25px;
   border-width: 0px;
   border-radius: 5px;
-  padding: 0px;
   padding-left: 1px;
   margin-top: 10px;
   margin-bottom: 20px;
@@ -413,7 +413,6 @@ header .showJSON{
   border-width: 0px;
   border-radius: 5px;
   padding: 0px;
-  padding-left: 1px;
   margin-top: 5px;
   margin-bottom: 10px;
 }
@@ -426,7 +425,6 @@ header .pasteJSON{
   height: 25px;
   border-width: 0px;
   border-radius: 5px;
-  padding: 0px;
   padding-left: 0px;
   padding-bottom: 2px;
   margin-top: 35px;
@@ -442,7 +440,6 @@ header .copyURL{
   height: 25px;
   border-width: 0px;
   border-radius: 5px;
-  padding: 0px;
   padding-left: 1px;
   margin-top: 25px;
   margin-bottom: 10px;
@@ -455,7 +452,7 @@ header .intro .intro-lead-in {
     font-size: 22px;
     line-height: 50px;
     margin-bottom: 25px;
-    font-family: HelveticaNeue-Thin,Helvetica,Arial,sans-serif;
+    font-family: "Hind Madurai",Helvetica,Arial,sans-serif;
 }
 
 header .intro .intro-heading {
@@ -474,7 +471,7 @@ header .intro .btn-xl {
     color: #3F9DD8;
     font-weight: normal;
     text-transform: none;
-    font-family: HelveticaNeue,Helvetica,Arial,sans-serif;
+    font-family: "Hind Madurai",Helvetica,Arial,sans-serif;
 }
 
 
@@ -639,7 +636,7 @@ footer .credits {
     font-size: 12px;
     font-weight: normal;
     text-align: right;
-    font-family: HelveticaNeue-Thin,Helvetica,Arial,sans-serif;
+    font-family: "Hind Madurai",Helvetica,Arial,sans-serif;
 }
 
 footer .credits a {
diff --git a/container-search-gui/src/main/resources/gui/_includes/index.html b/container-search-gui/src/main/resources/gui/_includes/index.html
index 8537609478f..9a7c5e9ed33 100644
--- a/container-search-gui/src/main/resources/gui/_includes/index.html
+++ b/container-search-gui/src/main/resources/gui/_includes/index.html
@@ -24,6 +24,7 @@
     <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
     <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@400;600;700' rel='stylesheet' type='text/css'>
 
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">