diff --git a/doc/ref_impl/cntt-ri2/_static/anuket-logo.png b/doc/ref_impl/cntt-ri2/_static/anuket-logo.png
new file mode 100644
index 0000000000..fe256a64a4
Binary files /dev/null and b/doc/ref_impl/cntt-ri2/_static/anuket-logo.png differ
diff --git a/doc/ref_impl/cntt-ri2/_static/custom.css b/doc/ref_impl/cntt-ri2/_static/custom.css
new file mode 100644
index 0000000000..46c9616178
--- /dev/null
+++ b/doc/ref_impl/cntt-ri2/_static/custom.css
@@ -0,0 +1,66 @@
+/* Changing the color of top navbar in piccolo */
+div#top_nav nav {
+    background-color: #16326c;
+    padding:0.5rem;
+}
+
+/* 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;
+}
+
+/* Changing the color of the search button */
+div.document form input[type=submit], div.document form button {
+	background-color: #16326c;
+}
+
+/* Changing the color of the Search text in the Search button */
+div#searchbox form.search input[type="submit"] {
+	color: #16326c;
+}
+
+/* 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);
+}
+
+/* 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/doc/ref_impl/cntt-ri2/_static/favicon.ico b/doc/ref_impl/cntt-ri2/_static/favicon.ico
new file mode 100644
index 0000000000..3d410f6e95
Binary files /dev/null and b/doc/ref_impl/cntt-ri2/_static/favicon.ico differ
diff --git a/doc/ref_impl/cntt-ri2/conf.py b/doc/ref_impl/cntt-ri2/conf.py
index 398e230b02..b84855bd83 100644
--- a/doc/ref_impl/cntt-ri2/conf.py
+++ b/doc/ref_impl/cntt-ri2/conf.py
@@ -1,5 +1,3 @@
-import sphinx_material
-
 project = 'Anuket Reference Implementation based on RA2 specifications (RI2)'
 html_title = "Anuket Reference Implementation based on RA2 specifications (RI2)"
 copyright = '2021, Anuket. Licensed under CC BY 4.0'
@@ -10,11 +8,10 @@
     'README.rst'
 ]
 extensions = [
-    'sphinx_material',
     'sphinx.ext.intersphinx',
     'sphinx.ext.autosectionlabel'
 ]
-html_theme = "sphinx_material"
+html_theme = "piccolo_theme"
 linkcheck_ignore = [
     'http://127.0.0.1'
 ]
@@ -30,3 +27,21 @@
 numfig = True
 numfig_format = {'figure': 'Figure %s', 'table': 'Table %s',
                  'code-block': 'Listing %s', 'section': 'Section %s'}
+
+html_static_path = ['_static']
+templates_path = ['_templates']
+html_css_files = [
+    'custom.css',
+]
+
+html_show_sourcelink = False
+html_theme_options = {
+    # If False, expand all TOC entries
+    'globaltoc_collapse': False,
+    # If True, show hidden TOC entries
+    'globaltoc_includehidden': False,
+}
+
+# Inverse png
+html_logo = '_static/anuket-logo.png'
+html_favicon = '_static/favicon.ico'
diff --git a/doc/ref_impl/cntt-ri2/requirements.txt b/doc/ref_impl/cntt-ri2/requirements.txt
index b57257cc14..2e648bcd8b 100644
--- a/doc/ref_impl/cntt-ri2/requirements.txt
+++ b/doc/ref_impl/cntt-ri2/requirements.txt
@@ -1,4 +1,3 @@
-sphinx!=1.6.6,!=1.6.7,!=2.1.0,!=3.0.0,!=3.4.2
-sphinx-rtd-theme
+sphinx
 doc8
-sphinx_material
+piccolo-theme