docs: updating docs theme and logo (Checkmarx#3813)

Signed-off-by: Rogério Peixoto <[email protected]> Co-authored-by: Felipe Avelar <[email protected]>
a16942 · Jul 6, 2021 · 566b1bb · 566b1bb
1 parent 3096117
commit 566b1bb
Show file tree

Hide file tree

Showing 13 changed files with 213 additions and 22 deletions.
diff --git a/README.md b/README.md
@@ -12,7 +12,7 @@
 [![Go Coverage](https://raw.githubusercontent.com/Checkmarx/kics/gh-pages/coverage.svg)](https://docs.kics.io/coverage.html)
 
 
-<img alt="KICS - Keep Infrastructure as Code Secure" src="docs/img/logo/kics-black.png" width="250">
+<img alt="KICS - Keep Infrastructure as Code Secure" src="docs/img/logo/kics-hat-dark.png" width="250">
 
 ---
 

diff --git a/docs/about.md b/docs/about.md
@@ -1,4 +1,4 @@
-<img alt="KICS - Keeping Infrastructure as Code Secure" src="../img/logo/kics-black.png" width="250">
+<img alt="KICS - Keeping Infrastructure as Code Secure" src="../img/logo/kics-logo-docs.png" width="250">
 
 ---
 

diff --git a/docs/css/custom.css b/docs/css/custom.css
@@ -1,3 +1,29 @@
+:root {
+  --md-primary-fg-color:        #ffbc42;
+  --md-primary-fg-color--light: #ffbc42;
+  --md-primary-fg-color--dark:  #ffbc42;
+  --md-accent-fg-color:         #ffbc42;
+}
+
+[data-md-color-scheme="kics"] {
+  --md-primary-fg-color:        #ffbc42;
+  --md-primary-fg-color--light: #ffbc42;
+  --md-primary-fg-color--dark:  #ffbc42;
+  --md-accent-fg-color:         #ffac22;
+}
+
+.md-header {
+  color: black;
+}
+
+.md-tabs {
+  color: black;
+}
+
+[data-md-color-scheme="slate"] {
+  --md-hue: 210; /* [0, 360] */
+}
+
 .table {
   table-layout: fixed;
   word-wrap: break-word;
@@ -19,6 +45,8 @@
 
 .queries-th {
   max-width: 5rem;
+  background-color: #ffbc42 !important;
+  color: #212529 !important;
 }
 
 .border-input-queries{
@@ -28,27 +56,27 @@
 
 .md-header__button.md-logo img{
   display: block;
-  width:90px;
+  width: 110px;
+  height: 100px;
   fill: currentColor;
 }
 
-
 /* ########## Bootstrap Button CSS ########## */
 
 /* ########## Bootstrap Button CSS ########## */
 .btn-success {
-  color: #fff !important;
-  background-color: #009485 !important;
-  border-color: #009485 !important;
+  color: #212529 !important;
+  background-color: #ffbc42 !important;
+  border-color: #ffbc42 !important;
  }
  .btn-success:hover, .btn-outline-success:hover {
-  color: #fff !important;
-  background-color: #26a699 !important;
-  border-color: #26a699 !important;
+  color: #212529 !important;
+  background-color: #ffcd53 !important;
+  border-color: #ffcd53 !important;
  }
  .btn-outline-success {
-  color: #26a699 !important;
-  border-color: #26a699 !important;
+  color: #ffbc42 !important;
+  border-color: #ffbc42 !important;
  }
 
 
@@ -71,4 +99,3 @@
 }
 
 /* ########## End Bootstrap Button CSS ########## */
-
diff --git a/docs/img/kics-hat-docs-header-dark.png b/docs/img/kics-hat-docs-header-dark.png
diff --git a/docs/img/kics-hat-docs-header-light.png b/docs/img/kics-hat-docs-header-light.png
diff --git a/docs/img/logo/kics-hat-dark.png b/docs/img/logo/kics-hat-dark.png
diff --git a/docs/img/logo/kics-hat-dark.svg b/docs/img/logo/kics-hat-dark.svg
diff --git a/docs/img/logo/kics-hat-white.png b/docs/img/logo/kics-hat-white.png
diff --git a/docs/img/logo/kics-hat-white.svg b/docs/img/logo/kics-hat-white.svg
diff --git a/docs/img/logo/kics-logo-docs.png b/docs/img/logo/kics-logo-docs.png
diff --git a/docs/index.md b/docs/index.md
@@ -1,7 +1,7 @@
 
 <div class="row" >
     <div class="col-6 text-center" >
-        <img alt="KICS - Keeping Infrastructure as Code Secure" src="img/logo/kics-black.png" width="250">
+        <img alt="KICS - Keeping Infrastructure as Code Secure" src="img/logo/kics-logo-docs.png" width="250">
         <br/>
          <br/>
         <p>Find security vulnerabilities, compliance issues, and infrastructure misconfigurations early in the development cycle of your infrastructure-as-code with <b>KICS</b> by Checkmarx.</p>

diff --git a/docs/js/custom.js b/docs/js/custom.js
@@ -51,8 +51,10 @@ var headerArray = [];
     }
     const csvFilename = `${window.location.href.match(/[a-zA-Z]*-queries/)[0]}.csv`
     const table = document.querySelector(":not(.modal-body) > table")
-    const button = document.createElement("button")
+    const button = document.createElement("a")
     button.innerText = "Download"
+    button.classList.add("btn")
+    button.classList.add("btn-success")
     button.addEventListener("click", function () { exportToCSV(csvFilename) });
     table.parentNode.insertBefore(button, table)
   }

diff --git a/mkdocs.yml b/mkdocs.yml
@@ -16,21 +16,17 @@ extra:
 
 theme:
   name: material
-  logo: img/logo/kics-logo-text.png
-  favicon: img/logo/kics-logo-text.png
+  logo: img/logo/kics-hat-white.png
+  favicon: img/logo/kics-hat.ico
   features:
     - navigation.tabs
     - navigation.tabs.sticky
   palette:
-    - scheme: default
-      primary: teal
-      accent: teal
+    - scheme: kics
       toggle:
         icon: material/weather-night
         name: Switch to dark mode
     - scheme: slate
-      primary: teal
-      accent: teal
       toggle:
         icon: material/weather-sunny
         name: Switch to light mode
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,7 +12,7 @@ @@
     [![Go Coverage](https://raw.githubusercontent.com/Checkmarx/kics/gh-pages/coverage.svg)](https://docs.kics.io/coverage.html)
-    <img alt="KICS - Keep Infrastructure as Code Secure" src="docs/img/logo/kics-black.png" width="250">
+    <img alt="KICS - Keep Infrastructure as Code Secure" src="docs/img/logo/kics-hat-dark.png" width="250">
     ---
@@ Expand Down @@