diff --git a/frontend/src/app.css b/frontend/src/app.css
index 4e0de9d..06bed2a 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -19,9 +19,7 @@
 }
 
 .link-hover:hover {
-	background: linear-gradient(90deg, #009444, #39b54a, #8dc63f);
-	-webkit-background-clip: text;
-	-webkit-text-fill-color: transparent;
+	color: #4e6e58;
 }
 
 @layer utilities {
diff --git a/frontend/src/lib/play/join.svelte b/frontend/src/lib/play/join.svelte
index 9f8e86e..19e8b16 100644
--- a/frontend/src/lib/play/join.svelte
+++ b/frontend/src/lib/play/join.svelte
@@ -143,7 +143,7 @@
 
 			<br />
 			<button
-				class="bg-amber-800 hover:bg-amber-700 text-white font-bold py-2 px-4 rounded disabled:opacity-50 disabled:cursor-not-allowed mt-2"
+				class="bg-[#B07156] hover:bg-amber-700 text-white font-bold py-2 px-4 rounded disabled:opacity-50 disabled:cursor-not-allowed mt-2"
 				type="submit"
 				disabled={game_pin.length <= 5}
 			>
@@ -171,7 +171,7 @@
 				/>
 			{/if}
 			<button
-				class="bg-amber-800 hover:bg-amber-700 text-white font-bold py-2 px-4 rounded disabled:cursor-not-allowed disabled:opacity-50 mt-2"
+				class="bg-[#B07156] hover:bg-amber-700 text-white font-bold py-2 px-4 rounded disabled:cursor-not-allowed disabled:opacity-50 mt-2"
 				type="submit"
 				disabled={username.length <= 3}
 			>
diff --git a/frontend/src/lib/play/question.svelte b/frontend/src/lib/play/question.svelte
index 701c640..480409b 100644
--- a/frontend/src/lib/play/question.svelte
+++ b/frontend/src/lib/play/question.svelte
@@ -158,7 +158,7 @@
 			</div>
 			<div class="flex justify-center">
 				<button
-					class="w-1/2 text-3xl bg-amber-700 my-2 disabled:opacity-60 border border-white"
+					class="w-1/2 text-3xl bg-[#B07156] my-2 disabled:opacity-60 border border-white"
 					disabled={selected_answer !== undefined}
 					on:click={() => selectAnswer(slider_value[0])}
 					>{$t('words.submit')}
diff --git a/frontend/src/lib/practice/question.svelte b/frontend/src/lib/practice/question.svelte
index 9479887..c5001c9 100644
--- a/frontend/src/lib/practice/question.svelte
+++ b/frontend/src/lib/practice/question.svelte
@@ -125,7 +125,7 @@
 				</div>
 				<div class="flex justify-center">
 					<button
-						class="w-1/2 text-3xl bg-amber-700 my-2 disabled:opacity-60 border border-white"
+						class="w-1/2 text-3xl bg-[#B07156] my-2 disabled:opacity-60 border border-white"
 						disabled={selected_answer !== undefined}
 						on:click={() => {
 							selected_answer = slider_value[0];
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 7d898ef..dceb2fb 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -89,7 +89,8 @@
 		// width: 100%;
 
 		// bg-gradient-to-r from-[#009444] via-[#39b54a] to-[#8dc63f]
-		background: linear-gradient(to right, #009444, #39b54a, #8dc63f) repeat-y;
+		//background: linear-gradient(to right, #009444, #39b54a, #8dc63f) repeat-y;
+		background-color: #d6edc9;
 		background-size: cover;
 		/*background: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%); */
 		/*background: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%); */
@@ -101,7 +102,8 @@
 	}
 
 	:global(html.dark) {
-		background-color: #0f2702;
+		//background-color: #0f2702;
+		background-color: #4e6e58;
 		background-size: cover;
 		color: white;
 	}
diff --git a/frontend/src/routes/dashboard/+page.svelte b/frontend/src/routes/dashboard/+page.svelte
index 3fa6517..508632f 100644
--- a/frontend/src/routes/dashboard/+page.svelte
+++ b/frontend/src/routes/dashboard/+page.svelte
@@ -93,28 +93,28 @@
 	{:then quizzes}
 		<div class="flex flex-col w-fit mx-auto">
 			<!--		<button
-					class='px-4 py-2 font-medium tracking-wide text-gray-500 whitespace-nowrap dark:text-gray-400 capitalize transition-colors dark:bg-gray-700 duration-200 transform bg-gray-50 rounded-md hover:bg-green-600 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80'>
+					class='px-4 py-2 font-medium tracking-wide text-gray-500 whitespace-nowrap dark:text-gray-400 capitalize transition-colors dark:bg-gray-700 duration-200 transform bg-[#B07156] rounded-md hover:bg-green-600 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80'>
 					Primary
 				</button>-->
 			<div class="w-full grid grid-cols-4 gap-2">
 				<a
 					href="/create"
-					class="px-4 py-2 leading-5 text-black dark:text-white transition-colors duration-200 transform bg-gray-50 dark:bg-gray-700 rounded text-center hover:bg-gray-300 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-gray-600"
+					class="px-4 py-2 leading-5 text-black dark:text-white transition-colors duration-200 transform bg-[#B07156] rounded text-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-gray-600 text-white"
 					>{$t('words.create')}
 				</a>
 				<a
 					href="/import"
-					class="px-4 py-2 leading-5 text-black dark:text-white transition-colors duration-200 transform bg-gray-50 dark:bg-gray-700 rounded text-center hover:bg-gray-300 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-gray-600"
+					class="px-4 py-2 leading-5 text-black dark:text-white transition-colors duration-200 transform bg-[#B07156]  rounded text-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-gray-600 text-white"
 					>{$t('words.import')}
 				</a>
 				<a
 					href="/api/v1/users/logout"
-					class="px-4 py-2 leading-5 text-black dark:text-white transition-colors duration-200 transform bg-gray-50 dark:bg-gray-700 rounded text-center hover:bg-gray-300 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-gray-600"
+					class="px-4 py-2 leading-5 text-black dark:text-white transition-colors duration-200 transform bg-[#B07156]  rounded text-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-gray-600 text-white"
 					>{$t('words.logout')}
 				</a>
 				<a
 					href="/account/settings"
-					class="px-4 py-2 leading-5 text-black dark:text-white transition-colors duration-200 transform bg-gray-50 dark:bg-gray-700 rounded text-center hover:bg-gray-300 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-gray-600"
+					class="px-4 py-2 leading-5 text-black dark:text-white transition-colors duration-200 transform bg-[#B07156]  rounded text-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-gray-600 text-white"
 				>
 					{$t('words.settings')}
 				</a>
diff --git a/frontend/static/android-chrome-192x192.png b/frontend/static/android-chrome-192x192.png
index a053227..588960c 100644
Binary files a/frontend/static/android-chrome-192x192.png and b/frontend/static/android-chrome-192x192.png differ
diff --git a/frontend/static/android-chrome-512x512.png b/frontend/static/android-chrome-512x512.png
index 603320f..c642d6d 100644
Binary files a/frontend/static/android-chrome-512x512.png and b/frontend/static/android-chrome-512x512.png differ
diff --git a/frontend/static/apple-touch-icon.png b/frontend/static/apple-touch-icon.png
index 7f986c8..e6391a7 100644
Binary files a/frontend/static/apple-touch-icon.png and b/frontend/static/apple-touch-icon.png differ
diff --git a/frontend/static/browserconfig.xml b/frontend/static/browserconfig.xml
deleted file mode 100644
index 1a719c8..0000000
--- a/frontend/static/browserconfig.xml
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  ~ This Source Code Form is subject to the terms of the Mozilla Public
-  ~ License, v. 2.0. If a copy of the MPL was not distributed with this
-  ~ file, You can obtain one at https://mozilla.org/MPL/2.0/.
-  -->
-
-<browserconfig>
-    <msapplication>
-        <tile>
-            <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#00a300</TileColor>
-        </tile>
-    </msapplication>
-</browserconfig>
diff --git a/frontend/static/favicon-16x16.png b/frontend/static/favicon-16x16.png
index b84b218..1b85040 100644
Binary files a/frontend/static/favicon-16x16.png and b/frontend/static/favicon-16x16.png differ
diff --git a/frontend/static/favicon-32x32.png b/frontend/static/favicon-32x32.png
index a3a2841..f47e43b 100644
Binary files a/frontend/static/favicon-32x32.png and b/frontend/static/favicon-32x32.png differ
diff --git a/frontend/static/favicon.ico b/frontend/static/favicon.ico
index 913dfc3..e638fd5 100644
Binary files a/frontend/static/favicon.ico and b/frontend/static/favicon.ico differ
diff --git a/frontend/static/favicon.png b/frontend/static/favicon.png
deleted file mode 100644
index 825b9e6..0000000
Binary files a/frontend/static/favicon.png and /dev/null differ
diff --git a/frontend/static/mstile-150x150.png b/frontend/static/mstile-150x150.png
deleted file mode 100644
index 1db324e..0000000
Binary files a/frontend/static/mstile-150x150.png and /dev/null differ
diff --git a/frontend/static/safari-pinned-tab.svg b/frontend/static/safari-pinned-tab.svg
deleted file mode 100644
index 9b6b7db..0000000
--- a/frontend/static/safari-pinned-tab.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!--
-  - This Source Code Form is subject to the terms of the Mozilla Public
-  - License, v. 2.0. If a copy of the MPL was not distributed with this
-  - file, You can obtain one at https://mozilla.org/MPL/2.0/.
-  -->
-
-<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="1440" preserveAspectRatio="xMidYMid meet" version="1.0" viewBox="0 0 1080 1080"><metadata>Created by potrace 1.14, written by Peter Selinger 2001-2017</metadata><g fill="#000" stroke="none"><path d="M5128 10795 c-1 -1 -43 -5 -93 -9 -152 -9 -225 -17 -370 -37 -181 -26 -182 -26 -300 -50 -55 -12 -111 -23 -125 -26 -42 -7 -261 -63 -335 -85 -38 -11 -72 -20 -75 -20 -14 -1 -325 -110 -395 -139 -11 -5 -60 -24 -108 -44 -97 -39 -309 -138 -397 -185 -30 -16 -80 -42 -110 -57 -30 -15 -56 -31 -58 -35 -2 -5 -8 -8 -12 -8 -37 0 -603 -378 -696 -464 -7 -6 -27 -22 -44 -36 -18 -14 -40 -32 -49 -40 -9 -8 -44 -37 -76 -65 -212 -176 -512 -488 -694 -720 -39 -49 -75 -95 -80 -101 -5 -6 -36 -49 -70 -95 -33 -46 -65 -89 -71 -96 -5 -7 -10 -16 -10 -22 0 -5 -4 -11 -8 -13 -8 -3 -72 -95 -72 -104 0 -3 -5 -10 -10 -17 -22 -25 -90 -137 -90 -147 0 -5 -4 -10 -10 -10 -5 0 -10 -4 -10 -10 0 -5 -13 -31 -28 -57 -109 -185 -236 -444 -322 -658 -18 -44 -36 -89 -41 -100 -11 -26 -79 -215 -85 -235 -2 -8 -18 -60 -35 -115 -28 -91 -67 -228 -74 -265 -2 -8 -8 -35 -15 -60 -13 -48 -18 -70 -26 -110 -3 -14 -7 -32 -9 -40 -3 -8 -7 -33 -10 -55 -4 -22 -10 -56 -15 -75 -5 -19 -11 -57 -15 -84 -3 -27 -8 -52 -9 -55 -2 -3 -7 -37 -11 -76 -4 -38 -8 -72 -10 -75 -2 -3 -6 -37 -10 -75 -4 -39 -8 -83 -10 -100 -27 -234 -27 -786 -1 -1030 2 -16 7 -61 11 -100 3 -38 8 -77 10 -85 2 -8 7 -39 10 -69 4 -30 9 -63 11 -75 2 -12 9 -48 14 -81 9 -52 53 -270 64 -315 2 -8 14 -53 26 -100 12 -47 23 -89 24 -95 21 -91 136 -430 201 -590 66 -163 229 -501 305 -630 29 -49 60 -104 71 -122 38 -67 197 -312 209 -323 3 -3 30 -39 60 -80 29 -41 56 -77 60 -80 4 -3 11 -12 16 -21 16 -30 164 -208 267 -324 88 -98 308 -318 402 -402 107 -95 113 -100 215 -182 52 -42 97 -79 98 -83 2 -5 10 -8 18 -8 8 0 14 -4 14 -8 0 -4 32 -30 71 -57 39 -28 84 -60 99 -72 15 -13 32 -23 38 -23 6 0 12 -3 14 -8 2 -4 35 -27 73 -52 39 -24 72 -47 75 -50 5 -6 130 -80 265 -157 65 -38 234 -126 245 -129 3 0 46 -20 95 -43 140 -66 185 -86 260 -116 39 -15 84 -33 100 -40 54 -23 388 -133 470 -155 95 -26 260 -67 295 -74 124 -25 232 -46 265 -50 23 -4 52 -9 65 -11 14 -3 41 -8 60 -10 19 -3 49 -7 65 -10 29 -4 93 -11 180 -20 278 -28 793 -28 1050 0 345 38 755 118 1002 196 212 67 291 93 318 104 17 7 66 27 110 43 268 101 595 263 869 430 33 20 66 40 71 45 6 4 55 37 110 74 122 80 362 259 391 290 12 13 24 23 28 23 7 0 15 6 64 50 15 14 59 52 97 85 88 77 363 352 436 435 165 190 319 383 319 400 0 5 4 10 8 10 4 0 16 13 25 30 10 16 23 35 30 42 14 15 180 266 190 288 4 8 16 29 26 45 219 353 404 775 556 1265 12 39 51 188 60 230 2 8 13 53 24 100 20 84 64 329 77 425 3 28 7 57 9 65 2 8 6 47 10 85 4 39 8 81 10 93 20 127 28 733 12 897 -5 44 -10 105 -13 135 -3 30 -7 71 -9 90 -3 19 -7 58 -10 85 -3 28 -8 61 -10 75 -2 14 -7 45 -10 70 -4 25 -16 92 -27 150 -11 58 -22 116 -24 130 -3 14 -10 43 -16 65 -11 42 -16 64 -24 105 -24 119 -143 492 -217 680 -101 256 -260 581 -382 781 -5 10 -23 40 -40 68 -16 28 -33 51 -37 51 -5 0 -8 5 -8 12 0 19 -217 332 -290 418 -8 10 -22 28 -30 40 -17 25 -46 60 -144 174 -178 208 -455 481 -641 631 -20 17 -42 35 -49 40 -6 6 -40 33 -76 60 -36 28 -67 52 -70 55 -3 3 -21 17 -40 30 -19 14 -39 28 -45 32 -31 25 -172 121 -250 171 -49 31 -95 60 -101 64 -12 9 -41 26 -103 60 -25 14 -50 29 -56 33 -67 49 -471 242 -672 321 -13 5 -33 13 -45 19 -13 5 -50 19 -83 30 -33 12 -69 25 -80 30 -57 25 -298 95 -477 140 -190 47 -477 101 -613 116 -33 3 -62 8 -65 9 -3 2 -48 6 -100 10 -52 4 -108 9 -125 12 -34 5 -661 13 -667 8z" transform="translate(0.000000,1080.000000) scale(0.100000,-0.100000)"/></g></svg>
diff --git a/frontend/static/site.webmanifest b/frontend/static/site.webmanifest
index f83e6b4..52a2fe3 100644
--- a/frontend/static/site.webmanifest
+++ b/frontend/static/site.webmanifest
@@ -1,17 +1,9 @@
 {
-	"name": "ClassQuiz",
-	"short_name": "ClassQuiz",
+	"name": "",
+	"short_name": "",
 	"icons": [
-		{
-			"src": "/android-chrome-192x192.png",
-			"sizes": "192x192",
-			"type": "image/png"
-		},
-		{
-			"src": "/android-chrome-512x512.png",
-			"sizes": "512x512",
-			"type": "image/png"
-		}
+		{ "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
+		{ "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
 	],
 	"theme_color": "#ffffff",
 	"background_color": "#ffffff",