Merge pull request #517 from Appsilon/fix-documentation-css

Fix documentation css

pkgdown/_pkgdown.yml

@@ -22,6 +22,8 @@ template:
         gtag('js', new Date());
         gtag('config', 'G-FQQZL5V93G');
       </script>
+    before_navbar: |
+      <a href="https://rhinoverse.dev" class="home"><i class="fa fa-lg fa-chevron-left"></i></a>
 
 url: https://appsilon.github.io/rhino/
 

pkgdown/extra.css

@@ -1,27 +1,57 @@
+:root {
+  --primary-color: #4747B1;
+}
+
 .navbar {
-  background-color: #4747B1 !important;
+  background-color: var(--primary-color) !important;
+}
+
+#navbar > ul.navbar-nav > li.nav-item a:hover {
+  background-color: var(--primary-color) !important;
 }
 
-#navbar > ul.navbar-nav.me-auto > li.nav-item.dropdown a:hover {
-  background-color: #4747B1 !important;
+#navbar > ul.navbar-nav > li.nav-item > a {
+  color: rgba(255, 255, 255, 0.55);
 }
 
-.navbar-dark .navbar-nav .active>.nav-link {
-  background-color: #4747B1 !important;
-  color: #fff;
+.navbar-dark .navbar-nav .active > .nav-link {
+  background-color: var(--primary-color) !important;
+  color: #fff !important;
+}
+
+.navbar-brand {
+  color: #fff !important;
 }
 
 .navbar-dark input[type="search"] {
   background-color: #fff !important;
   color: #444 !important;
 }
 
-.app-preview {
-  margin: 1.5em 0.75em;
-  padding: 0.25em;
-  box-shadow:
-    0 3.9px 4.6px rgba(0, 0, 0, 0.08),
-    0 12.3px 8.4px rgba(0, 0, 0, 0.056),
-    0 18.8px 19.2px rgba(0, 0, 0, 0.037),
-    0 22px 40px rgba(0, 0, 0, 0.019);
+nav .text-muted {
+  color: #d8d8d8 !important;
+}
+
+a {
+  color: var(--primary-color);
+}
+
+a:hover {
+  color: #2c2b2b;
+}
+
+button.btn.btn-primary.btn-copy-ex {
+  background-color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+
+.home {
+  left: 0px;
+  position: absolute;
+  padding: 8px 30px;
+  color: rgba(255,255,255,0.55);
+}
+
+.home:hover {
+  color: rgba(255,255,255,0.9);
 }