diff --git a/README.md b/README.md
index b9eb7bb..dcafa9d 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,5 @@
 # Personal Website
 
 Todo:
+
+- [ ] Autogenerate gradient icons for projects
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f54ac56..c847c8a 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -21,7 +21,7 @@ const { title } = Astro.props;
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
 	</head>
-	<body class="text-gray-300 text-magnolia grid max-w-7xl mx-auto" style="background-color: rgb(2, 6, 23);">
+	<body class="text-gray-300 text-magnolia grid max-w-7xl mx-auto bg-richdark">
 		<div class="m-4 lg:m-12 lg:grid lg:grid-cols-4">
 			<div class="col-span-1">
 				<Header />
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index df0dac1..6cb6322 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -4,14 +4,10 @@ module.exports = {
 	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
 	theme: {
 		colors: {
-			"midnight": '#161A30',
-			'indigo': '#31304D',
-			'storm': '#B6BBC4',
-			'desert': '#F0ECE5',
-			'red': '#BC4B51',
       'magnolia': '#f3eff5',
       'rose': '#785964',
-      'slate': '#0f172a'
+      'slate': '#0f172a',
+      'richdark': '#020617'
 		},
 		fontFamily: {
       'sans': ['Mona\\ Sans', 'sans-serif'],
