diff --git a/package-lock.json b/package-lock.json
index e3dcac9..89cdb8c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2095,6 +2095,11 @@
         "vue-functional-data-merge": "^3.1.0"
       }
     },
+    "bootswatch": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/bootswatch/-/bootswatch-4.6.0.tgz",
+      "integrity": "sha512-Yr6YqFBC8jwTzoJoLViYlvO97IhPWGqZEm+6FXHfD/G6gbUok6sZkdXxdh4Zb6iCGEwr9p7zGCn38yKQD/bh2Q=="
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",

diff --git a/package-lock.json b/package-lock.json
index e3dcac9..89cdb8c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2095,6 +2095,11 @@
         "vue-functional-data-merge": "^3.1.0"
       }
     },
+    "bootswatch": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/bootswatch/-/bootswatch-4.6.0.tgz",
+      "integrity": "sha512-Yr6YqFBC8jwTzoJoLViYlvO97IhPWGqZEm+6FXHfD/G6gbUok6sZkdXxdh4Zb6iCGEwr9p7zGCn38yKQD/bh2Q=="
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
diff --git a/package.json b/package.json
index 193e082..96ec69b 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "@popperjs/core": "^2.9.2",
     "bootstrap": "^4.6.0",
     "bootstrap-vue": "^2.21.2",
+    "bootswatch": "^4.6.0",
     "jquery": "^3.6.0",
     "popper.js": "^1.16.1",
     "vue": "^2.5.2",

diff --git a/package-lock.json b/package-lock.json
index e3dcac9..89cdb8c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2095,6 +2095,11 @@
         "vue-functional-data-merge": "^3.1.0"
       }
     },
+    "bootswatch": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/bootswatch/-/bootswatch-4.6.0.tgz",
+      "integrity": "sha512-Yr6YqFBC8jwTzoJoLViYlvO97IhPWGqZEm+6FXHfD/G6gbUok6sZkdXxdh4Zb6iCGEwr9p7zGCn38yKQD/bh2Q=="
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
diff --git a/package.json b/package.json
index 193e082..96ec69b 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "@popperjs/core": "^2.9.2",
     "bootstrap": "^4.6.0",
     "bootstrap-vue": "^2.21.2",
+    "bootswatch": "^4.6.0",
     "jquery": "^3.6.0",
     "popper.js": "^1.16.1",
     "vue": "^2.5.2",
diff --git a/src/main.js b/src/main.js
index 7b1741c..368c45f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,7 +6,8 @@
 import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
 
 import 'bootstrap/dist/js/bootstrap'
-import 'bootstrap/dist/css/bootstrap.min.css'
+import 'bootswatch/dist/darkly/bootstrap.min.css'
+// import 'bootstrap/dist/css/bootstrap.min.css'
 import 'bootstrap-vue/dist/bootstrap-vue.css'
 
 Vue.use(enums, {namespace: '$enums'})