diff --git a/package-lock.json b/package-lock.json
index 5e40a3b..d48e74b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
         "@vueuse/core": "^10.2.1",
         "base32-encode": "^2.0.0",
         "bootstrap": "^5.3.2",
+        "bootswatch": "^5.3.2",
         "vue": "^3.3.4",
         "vue-i18n": "^9.2.2",
         "vue-qrcode-reader": "^5.1.0",
@@ -900,6 +901,11 @@
         "@popperjs/core": "^2.11.8"
       }
     },
+    "node_modules/bootswatch": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/bootswatch/-/bootswatch-5.3.2.tgz",
+      "integrity": "sha512-r05xOSLSx7MJvjpk/uoU8wPYgkPHWLV+uenLaRsS7yBsqSUcWYPjeUkz+tmrRv6s1eFxkF08NvQfBSSPCTyYaA=="
+    },
     "node_modules/braces": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
diff --git a/package.json b/package.json
index 35635df..f62a181 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "@vueuse/core": "^10.2.1",
     "base32-encode": "^2.0.0",
     "bootstrap": "^5.3.2",
+    "bootswatch": "^5.3.2",
     "vue": "^3.3.4",
     "vue-i18n": "^9.2.2",
     "vue-qrcode-reader": "^5.1.0",
diff --git a/src/assets/main.sass b/src/assets/main.sass
index 98aedb2..9fd13dd 100644
--- a/src/assets/main.sass
+++ b/src/assets/main.sass
@@ -1,4 +1,6 @@
 @charset "utf-8"
 
+@import "bootswatch/dist/minty/variables"
 @import "variables.scss"
 @import "bootstrap/scss/bootstrap"
+@import "bootswatch/dist/minty/bootswatch"
diff --git a/src/components/NavBarComponent.vue b/src/components/NavBarComponent.vue
index 0b74265..1696dae 100644
--- a/src/components/NavBarComponent.vue
+++ b/src/components/NavBarComponent.vue
@@ -6,7 +6,7 @@ import { Popover } from 'bootstrap';
 </script>
 
 <template>
-	<nav class="navbar navbar-expand-lg bg-body-tertiary">
+	<nav class="navbar navbar-expand-lg bg-primary" data-bs-theme="dark">
 		<div class="container-fluid">
 			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavBar" aria-controls="mainNavBar" aria-expanded="false" aria-label="Toggle navigation">
 				<span class="navbar-toggler-icon"></span>