diff --git a/docs/_static/css/extra.css b/docs/_static/css/extra.css
index 4e2f152..bad2262 100644
--- a/docs/_static/css/extra.css
+++ b/docs/_static/css/extra.css
@@ -3,17 +3,45 @@
 }
 
 [data-md-color-scheme="default"] .md-header {
-  background: #21232d;
+  background: #2c323b;
 }
 
 [data-md-color-scheme="default"] .md-tabs {
-  background: #1d1e27;
+  background: var(--md-footer-bg-color);
 }
 
 [data-md-color-scheme="slate"] .md-header {
-  background: #21232d;
+  background: var(--md-footer-bg-color);
 }
 
 [data-md-color-scheme="slate"] .md-tabs {
-  background: #1d1e27;
+  background: var(--md-footer-bg-color);
+}
+
+.md-main__inner.md-grid {
+  margin-top: 10px;
+}
+
+.md-sidebar--primary .md-sidebar__scrollwrap {
+  padding: 15px 7px;
+}
+
+[data-md-color-scheme="slate"] .md-sidebar--primary .md-sidebar__scrollwrap,
+[data-md-color-scheme="slate"] .md-sidebar--primary .md-sidebar__scrollwrap *
+{
+  background-color: var(--md-footer-bg-color);
+  color: var(--md-footer-fg-color);
+  border-radius: 15px;
+}
+
+.md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav__link {
+  display: none;
+}
+
+.md-nav__link.md-nav__link--active {
+  font-weight: bold;
+}
+
+.md-content {
+  padding-top: 20px;
 }