From: Edit Koselak <edit.koselak@nokia.com>
Date: Thu, 17 Nov 2022 11:13:11 +0000 (+0100)
Subject: [PCAC] Applying Piccolo theme
X-Git-Url: https://gerrit.opnfv.org/gerrit/gitweb?a=commitdiff_plain;h=457f9ce057ccd9ff2653826b41666eb36b0e219d;p=opnfvdocs.git

[PCAC] Applying Piccolo theme

- changing the color of the search button
- changing the color of the Page contents label
- removing option to switch to dark mode

Signed-off-by: Edit Koselak <edit.koselak@nokia.com>
Change-Id: I13977278cb0684706a3ad886966eeb478f037c17
---

diff --git a/docs/_static/custom.css b/docs/_static/custom.css
index 9e2fb989c..46c961617 100644
--- a/docs/_static/custom.css
+++ b/docs/_static/custom.css
@@ -1,29 +1,66 @@
-/* Color of the top header */
-.md-header {
+/* Changing the color of top navbar in piccolo */
+div#top_nav nav {
     background-color: #16326c;
+    padding:0.5rem;
 }
 
-/* Color of the bottom header */
-.md-tabs {
-    background-color: #16326c;
+/* Changing the size of the logo in the top navbar in piccolo */
+div#top_nav nav h1 img {
+	height: 2rem;
+}
+
+/* Changing the margin of the main text in piccolo */
+div.document {
+	margin-left: 10rem;
+	margin-right: 20rem;
+}
+
+/* Changing link color in piccolo */
+a {
+	color: #007574ff;
+}
+
+/* Changing link color in the left sidebar in piccolo */
+div.sphinxsidebar ul li a.current {
+	color: #007574ff;
+}
+
+/* Changing the hover color in the left sidebar in piccolo */
+div.sphinxsidebar ul li a:hover {
+	color: #007574ff;
+}
+
+/* Changing the hover color in the right sidebar in piccolo */
+div#right_sidebar ul li a:hover {
+	color: #007574ff;
+}
+
+/* Changing the color of the > icon next to Page contents */
+div#right_sidebar p span.icon {
+	color: #007574ff;
+}
+
+/* Changing the color of the Page contents title */
+div#right_sidebar p span {
+	color: #007574ff;
 }
 
-/* Color of links */
-.md-typeset a {
-    color: #16326c;
+/* Changing the color of the search button */
+div.document form input[type=submit], div.document form button {
+	background-color: #16326c;
 }
 
-.md-typeset h1 {
-    font-size: 1.8rem;
-    color: rgba(0,0,0,.87);
+/* Changing the color of the Search text in the Search button */
+div#searchbox form.search input[type="submit"] {
+	color: #16326c;
 }
 
-/* Hiding the content from left side navbar */
-.md-nav__title {
-    display: none;
+/* Changing the color of the > icon next to the collapsed Page contents */
+div#show_right_sidebar p span.icon {
+	color: rgba(0, 0, 0, 0.6);
 }
 
-/* Hiding the content from the top navbar */
-.md-tabs__list {
-    display: none;
+/* Removing option to switch to dark mode */
+div#top_nav nav a#mode_toggle, div#top_nav nav a#source_link {
+	display: none;
 }
\ No newline at end of file
diff --git a/docs/conf.py b/docs/conf.py
index 00d63dc7b..d875acb7c 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -6,7 +6,7 @@ author = 'Anuket Project of Linux Foundation Networking'
 extensions = ['sphinx.ext.intersphinx',
               'sphinx.ext.autosectionlabel'
              ]
-html_theme = "sphinx_material"
+html_theme = "piccolo_theme"
 exclude_patterns = [
     '**/.tox',
     'templates',                     # suppress warning that these files are not included in any toctree
diff --git a/docs/requirements.txt b/docs/requirements.txt
index 5b543fe27..3282306cd 100644
--- a/docs/requirements.txt
+++ b/docs/requirements.txt
@@ -3,4 +3,4 @@
 # process, which may cause wedges in the gate later.
 sphinx!=1.6.6,!=1.6.7,!=2.1.0,!=3.0.0,!=3.4.2 # BSD
 doc8 # Apache-2.0
-sphinx-material
+piccolo-theme