diff --git a/pkgdown/_pkgdown.yml b/pkgdown/_pkgdown.yml
index 6921314..a96613a 100644
--- a/pkgdown/_pkgdown.yml
+++ b/pkgdown/_pkgdown.yml
@@ -1,13 +1,22 @@
 template:
-  params:
-    bootswatch: cosmo
+  bootstrap: 5
+  bootswatch: cosmo
 
 development:
   mode: unreleased
   destination: devel
-  version_label: default
+  version_label: light
   version_tooltip: "Github version"
 
+navbar:
+  bg: dark
+  structure:
+    right: [search, cran, github]
+  components:
+    cran:
+      icon: fab fa-r-project
+      href: https://cloud.r-project.org/package=eaf
+      
 reference:
   - title: Main
     contents: eaf-package
diff --git a/pkgdown/extra.css b/pkgdown/extra.css
deleted file mode 100644
index 9ff292b..0000000
--- a/pkgdown/extra.css
+++ /dev/null
@@ -1,65 +0,0 @@
-/* From https://github.com/mlr-org/mlr/blob/master/pkgdown/extra.css */
-@import url(https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css);
-@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
-@import url(https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i,600,700,700i);
-
-body {
-  font-family: 'Fira Sans', sans-serif;
-  font-size: 16px;
-}
-
-code, kbd, pre, samp {
-    font-family: 'Fira Code', monospace;
-}
-
-/* this shifts the github icon a little to the right so that the search button does not get shifted into a new line */
-.navbar-nav>li>a {
-    padding-left: 10px;
-}
-
-/* Custom width and font size for navbar */
-.navbar-default .navbar-collapse, .navbar-default .navbar-form {
-    max-width: 1100px;
-    font-size: 15px;
-    border-color: #121212;
-}
-
-
-/* padding of navbar elements. default 10px/15px */
-
-.nav>li>a {
-    padding: 15px 9px;
-}
-
-/* width of search box */
-.input-group {
-    width: 90px;
-}
-
-/* increase font-weight for headers */
-h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
-    font-weight: 600;
-}
-
-/* set font-size of all tables to 12 */
-.table {
-  font-size: 14px;
-}
-
-/* relax lower margins of headers, default -60px */
-.contents h1, .contents h2, .contents h3, .contents h4 {
-    margin-top: -40px;
-}
-
-/* Syntax highlighting theme */
-
-.fl      {color: #1514b5;}
-.co      {color: #888888;}    /* comments */
-.ch, .st {color: green;}      /* strings */
-.dv, .ot {color: darkblue;}   /* numbers, logicals */
-.sourceCode.r .op {color: #505050;}  /* operators */
-.sourceCode.r .dt {color: #303030;}  /* function argument names,  #303030 - darkgray */
-.sourceCode.r .kw, .fu, .cf,   /* function names */
-    .sourceCode a:link,
-    .sourceCode a:active,
-    .sourceCode a:visited {color:darkred;}