diff --git a/view/package-lock.json b/view/package-lock.json
index 05c6c4c..61c3467 100644
--- a/view/package-lock.json
+++ b/view/package-lock.json
@@ -14,6 +14,7 @@
 				"@sveltejs/vite-plugin-svelte": "^3.0.0",
 				"@types/eslint": "^8.56.7",
 				"autoprefixer": "^10.4.19",
+				"daisyui": "^4.12.10",
 				"eslint": "^9.0.0",
 				"eslint-config-prettier": "^9.1.0",
 				"eslint-plugin-svelte": "^2.36.0",
@@ -1643,6 +1644,16 @@
 				"node": ">= 8"
 			}
 		},
+		"node_modules/css-selector-tokenizer": {
+			"version": "0.8.0",
+			"resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.8.0.tgz",
+			"integrity": "sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==",
+			"dev": true,
+			"dependencies": {
+				"cssesc": "^3.0.0",
+				"fastparse": "^1.1.2"
+			}
+		},
 		"node_modules/css-tree": {
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
@@ -1668,6 +1679,34 @@
 				"node": ">=4"
 			}
 		},
+		"node_modules/culori": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/culori/-/culori-3.3.0.tgz",
+			"integrity": "sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==",
+			"dev": true,
+			"engines": {
+				"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+			}
+		},
+		"node_modules/daisyui": {
+			"version": "4.12.10",
+			"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.12.10.tgz",
+			"integrity": "sha512-jp1RAuzbHhGdXmn957Z2XsTZStXGHzFfF0FgIOZj3Wv9sH7OZgLfXTRZNfKVYxltGUOBsG1kbWAdF5SrqjebvA==",
+			"dev": true,
+			"dependencies": {
+				"css-selector-tokenizer": "^0.8",
+				"culori": "^3",
+				"picocolors": "^1",
+				"postcss-js": "^4"
+			},
+			"engines": {
+				"node": ">=16.9.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/daisyui"
+			}
+		},
 		"node_modules/debug": {
 			"version": "4.3.5",
 			"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
@@ -2091,6 +2130,12 @@
 			"integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
 			"dev": true
 		},
+		"node_modules/fastparse": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
+			"integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
+			"dev": true
+		},
 		"node_modules/fastq": {
 			"version": "1.17.1",
 			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
diff --git a/view/package.json b/view/package.json
index e83984b..f1dbc1f 100644
--- a/view/package.json
+++ b/view/package.json
@@ -18,6 +18,7 @@
 		"@sveltejs/vite-plugin-svelte": "^3.0.0",
 		"@types/eslint": "^8.56.7",
 		"autoprefixer": "^10.4.19",
+		"daisyui": "^4.12.10",
 		"eslint": "^9.0.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.36.0",
diff --git a/view/tailwind.config.js b/view/tailwind.config.js
index 6fb51fc..97904eb 100644
--- a/view/tailwind.config.js
+++ b/view/tailwind.config.js
@@ -4,6 +4,11 @@ export default {
 	theme: {
 		extend: {},
 	},
-	plugins: [],
+	plugins: [
+		require("daisyui"),
+	],
+	daisyui: {
+		themes: ["retro"],
+	},
 }