Merge pull request #79 from sankhadeepdutta/main

Updated package logo and doc page color

Author: jakubnowicki

man/figures/shiny-react.png

@@ -1,38 +1,58 @@
+:root {
+  --primary-color: #87D7E3;
+}
+
 .navbar {
-    background-color: rgb(69, 179, 196) !important;
+  background-color: var(--primary-color) !important;
 }
 
-#navbar > ul.navbar-nav > li.nav-item a:hover {
-    background-color: rgb(69, 179, 196) !important;
+
+#navbar > ul.navbar-nav > li.nav-item > a {
+  color: rgba(255, 255, 255, 0.55);
 }
 
-.navbar-dark .navbar-nav .nav-link {
-    color: rgba(255,255,255,0.70) !important;
+.navbar-dark .navbar-nav .active > .nav-link {
+  background-color: var(--primary-color) !important;
+  color: #fff !important;
 }
 
-.navbar-dark .navbar-nav .active>.nav-link {
-    background-color: rgb(69, 179, 196) !important;
-    color: #fff !important;
+.navbar-brand {
+  color: #fff !important;
+}
+
+#navbar > ul.navbar-nav > li.nav-item a:hover {
+  background-color: var(--primary-color) !important;
 }
 
 .navbar-dark input[type="search"] {
-    background-color: #fff !important;
-    color: #444 !important;
+  background-color: #fff !important;
+  color: #444 !important;
 }
 
 nav .text-muted {
-    color: #d8d8d8 !important;
+  color: #d8d8d8 !important;
 }
 
 a {
-    color: rgb(69, 179, 196);
+  color: var(--primary-color);
 }
 
 a:hover {
-    color: rgb(63, 162, 177);
+  color: #2c2b2b;
 }
 
 button.btn.btn-primary.btn-copy-ex {
-    background-color: rgb(69, 179, 196);
-    border-color: rgb(69, 179, 196);
+  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);
 }