diff --git a/man/figures/shiny-fluent.png b/man/figures/shiny-fluent.png
index f76f503a..6cc28dc3 100644
Binary files a/man/figures/shiny-fluent.png and b/man/figures/shiny-fluent.png differ
diff --git a/pkgdown/extra.css b/pkgdown/extra.css
index bbbe27c1..f9827f78 100644
--- a/pkgdown/extra.css
+++ b/pkgdown/extra.css
@@ -1,20 +1,29 @@
-.navbar {
-  background-color: #4db894 !important;
+:root {
+  --primary-color: #4AB76C;
 }
 
-#navbar > ul.navbar-nav > li.nav-item a:hover {
-  background-color: #4db894 !important;
+.navbar {
+  background-color: var(--primary-color) !important;
 }
 
-.navbar-dark .navbar-nav .nav-link {
-  color: rgba(255, 255, 255, 0.8) !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: #4db894 !important;
+  background-color: var(--primary-color) !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;
@@ -25,33 +34,25 @@ nav .text-muted {
 }
 
 a {
-  color: #4db894;
+  color: var(--primary-color);
 }
 
 a:hover {
-  color: #47a888;
+  color: #2c2b2b;
 }
 
 button.btn.btn-primary.btn-copy-ex {
-  background-color: #4db894;
-  border-color: #4db894;
-}
-
-.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);
+  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);
+  color: rgba(255,255,255,0.55);
 }
 
 .home:hover {
-  color: rgba(255, 255, 255, 0.9);
+  color: rgba(255,255,255,0.9);
 }
diff --git a/pkgdown/favicon/android-chrome-192x192.png b/pkgdown/favicon/android-chrome-192x192.png
index 15cf9eb8..63c4c308 100644
Binary files a/pkgdown/favicon/android-chrome-192x192.png and b/pkgdown/favicon/android-chrome-192x192.png differ
diff --git a/pkgdown/favicon/android-chrome-384x384.png b/pkgdown/favicon/android-chrome-384x384.png
index bd0fa395..fd11537e 100644
Binary files a/pkgdown/favicon/android-chrome-384x384.png and b/pkgdown/favicon/android-chrome-384x384.png differ
diff --git a/pkgdown/favicon/android-chrome-512x512.png b/pkgdown/favicon/android-chrome-512x512.png
new file mode 100644
index 00000000..d271b437
Binary files /dev/null and b/pkgdown/favicon/android-chrome-512x512.png differ
diff --git a/pkgdown/favicon/apple-touch-icon-120x120.png b/pkgdown/favicon/apple-touch-icon-120x120.png
new file mode 100644
index 00000000..2ae14065
Binary files /dev/null and b/pkgdown/favicon/apple-touch-icon-120x120.png differ
diff --git a/pkgdown/favicon/apple-touch-icon-152x152.png b/pkgdown/favicon/apple-touch-icon-152x152.png
new file mode 100644
index 00000000..d04351d1
Binary files /dev/null and b/pkgdown/favicon/apple-touch-icon-152x152.png differ
diff --git a/pkgdown/favicon/apple-touch-icon-180x180.png b/pkgdown/favicon/apple-touch-icon-180x180.png
new file mode 100644
index 00000000..a0dbf2b9
Binary files /dev/null and b/pkgdown/favicon/apple-touch-icon-180x180.png differ
diff --git a/pkgdown/favicon/apple-touch-icon-60x60.png b/pkgdown/favicon/apple-touch-icon-60x60.png
new file mode 100644
index 00000000..ec9b522d
Binary files /dev/null and b/pkgdown/favicon/apple-touch-icon-60x60.png differ
diff --git a/pkgdown/favicon/apple-touch-icon-76x76.png b/pkgdown/favicon/apple-touch-icon-76x76.png
new file mode 100644
index 00000000..c0c640a8
Binary files /dev/null and b/pkgdown/favicon/apple-touch-icon-76x76.png differ
diff --git a/pkgdown/favicon/apple-touch-icon.png b/pkgdown/favicon/apple-touch-icon.png
index 900132c5..a0dbf2b9 100644
Binary files a/pkgdown/favicon/apple-touch-icon.png and b/pkgdown/favicon/apple-touch-icon.png differ
diff --git a/pkgdown/favicon/favicon-16x16.png b/pkgdown/favicon/favicon-16x16.png
index 7d4651fb..22599635 100644
Binary files a/pkgdown/favicon/favicon-16x16.png and b/pkgdown/favicon/favicon-16x16.png differ
diff --git a/pkgdown/favicon/favicon-32x32.png b/pkgdown/favicon/favicon-32x32.png
index aefb293c..49231804 100644
Binary files a/pkgdown/favicon/favicon-32x32.png and b/pkgdown/favicon/favicon-32x32.png differ
diff --git a/pkgdown/favicon/favicon.ico b/pkgdown/favicon/favicon.ico
index 4e783fa1..bb3eaf49 100644
Binary files a/pkgdown/favicon/favicon.ico and b/pkgdown/favicon/favicon.ico differ