diff --git a/website/package-lock.json b/website/package-lock.json
index f419273..47b5678 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -1046,7 +1046,6 @@
 			"integrity": "sha512-vByReCTTdlNM80vva8alAQC80HcOiHLkd8XAxIiKghKSHcqeNfyhp3VsYAV8VSiPKu4Jc8wWCfsZNAIvd1uCqA==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@standard-schema/spec": "^1.0.0",
 				"@sveltejs/acorn-typescript": "^1.0.5",
@@ -1086,7 +1085,6 @@
 			"integrity": "sha512-YZs/OSKOQAQCnJvM/P+F1URotNnYNeU3P2s4oIpzm1uFaqUEqRxUB0g5ejMjEb5Gjb9/PiBI5Ktrq4rUUF8UVQ==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@sveltejs/vite-plugin-svelte-inspector": "^5.0.0",
 				"debug": "^4.4.1",
@@ -1226,7 +1224,6 @@
 			"integrity": "sha512-PC0PDZfJg8sP7cmKe6L3QIL8GZwU5aRvUFedqSIpw3B+QjRSUZeeITC2M5XKeMXEzL6wccN196iy3JLwKNvDVA==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@typescript-eslint/scope-manager": "8.48.1",
 				"@typescript-eslint/types": "8.48.1",
@@ -1542,7 +1539,6 @@
 			"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"bin": {
 				"acorn": "bin/acorn"
 			},
@@ -1815,7 +1811,6 @@
 			"integrity": "sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.8.0",
 				"@eslint-community/regexpp": "^4.12.1",
@@ -2680,7 +2675,6 @@
 				}
 			],
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"nanoid": "^3.3.11",
 				"picocolors": "^1.1.1",
@@ -2812,7 +2806,6 @@
 			"integrity": "sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"bin": {
 				"prettier": "bin/prettier.cjs"
 			},
@@ -3022,7 +3015,6 @@
 			"integrity": "sha512-2074U+vObO5Zs8/qhxtBwdi6ZXNIhEBTzNmUFjiZexLxTdt9vq96D/0pnQELl6YcpLMD7pZ2dhXKByfGS8SAdg==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@jridgewell/remapping": "^2.3.4",
 				"@jridgewell/sourcemap-codec": "^1.5.0",
@@ -3243,7 +3235,6 @@
 			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
 			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
 			"license": "MIT",
-			"peer": true,
 			"engines": {
 				"node": ">=12"
 			},
@@ -3301,7 +3292,6 @@
 			"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
 			"dev": true,
 			"license": "Apache-2.0",
-			"peer": true,
 			"bin": {
 				"tsc": "bin/tsc",
 				"tsserver": "bin/tsserver"
@@ -3400,7 +3390,6 @@
 			"resolved": "https://registry.npmjs.org/vite/-/vite-7.2.6.tgz",
 			"integrity": "sha512-tI2l/nFHC5rLh7+5+o7QjKjSR04ivXDF4jcgV0f/bTQ+OJiITy5S6gaynVsEM+7RqzufMnVbIon6Sr5x1SDYaQ==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"esbuild": "^0.25.0",
 				"fdir": "^6.5.0",
@@ -3492,7 +3481,6 @@
 			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
 			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
 			"license": "MIT",
-			"peer": true,
 			"engines": {
 				"node": ">=12"
 			},
diff --git a/website/src/lib/global-state/global-state.svelte.ts b/website/src/lib/global-state/global-state.svelte.ts
index 9227626..02f0a7d 100644
--- a/website/src/lib/global-state/global-state.svelte.ts
+++ b/website/src/lib/global-state/global-state.svelte.ts
@@ -1,6 +1,7 @@
 export const fontFamilies = ['Handwriting', 'No Tears', 'Indie Flower'];
+export const themes = ['light', 'gold', 'dark'];
 
-export const user: { wpm: number; fontFamily: string; theme: 'light' | 'dark' } = $state({
+export const user: { wpm: number; fontFamily: string; theme: string } = $state({
 	wpm: 60,
 	fontFamily: 'Handwriting',
 	theme: 'light'
@@ -12,6 +13,6 @@ export function setFontFamily(option: string) {
 }
 
 export function toggleTheme() {
-	user.theme = user.theme === 'light' ? 'dark' : 'light';
+	user.theme = themes[(themes.indexOf(user.theme) + 1) % themes.length];
 	document.documentElement.className = user.theme;
 }
diff --git a/website/src/lib/styles/global.css b/website/src/lib/styles/global.css
index 715692c..b840c66 100644
--- a/website/src/lib/styles/global.css
+++ b/website/src/lib/styles/global.css
@@ -64,6 +64,15 @@
 	--shadow: #181818;
 }
 
+.gold {
+	--background: #eaeae2;
+	--foreground: #6a6d4b;
+	--card-background: #0b212f;
+	--card-foreground: #ebb64a;
+	--underline: #585858;
+	--shadow: #dcd8bf;
+}
+
 * {
 	font-family: var(--font-family);
 	margin: 0;