diff --git a/src/components/ColorScript.astro b/src/components/ColorScript.astro
index cca77d5..15f8048 100644
--- a/src/components/ColorScript.astro
+++ b/src/components/ColorScript.astro
@@ -1,5 +1,5 @@
 <script is:inline>
-	let colors = ["#24d05a", "#eb4888", "#10a2f5", "#e9bc3f"];
+	let colors = ["var(--green)", "var(--pink)", "var(--blue)", "var(--yellow)"];
 
 	function getRandomColor() {
 		return colors[Math.floor(Math.random() * colors.length)];
diff --git a/src/style/global.css b/src/style/global.css
index 3652de1..39ec8f3 100644
--- a/src/style/global.css
+++ b/src/style/global.css
@@ -4,21 +4,23 @@
   License MIT: https://github.com/HermanMartinus/bearblog/blob/master/LICENSE.md
  */
 :root {
-	--white: #efefef;
-	--transwhite: rgba(239, 239, 239, 0.7);
-	--moretranswhite: rgba(239, 239, 239, 0.1);
-	--black: #252525;
-	--transblack: rgba(37, 37, 37, 0.7);
-	--moretransblack: rgba(37, 37, 37, 0.1);
-	--gray: #6b6b6b;
-	--highlight: #e5ffc3;
-	--red: #e4002b;
-	--green: #24d05a;
-	--pink: #eb4888;
-	--blue: #10a2f5;
-	--yellow: #e9bc3f;
+	--white: #f8f5f9;
+	--transwhite: rgba(248, 245, 249, 0.7);
+	--moretranswhite: rgba(248, 245, 249, 0.1);
+	--black: #30252b;
+	--transblack: rgba(48, 37, 43, 0.7);
+	--moretransblack: rgba(48, 37, 43, 0.1);
+	--gray: #6d5a6d;
+
+	--highlight: #f1dcff;
+	--red: #f6a7a3;
+	--green: #c5e5c0;
+	--pink: #e7b0e8;
+	--blue: #c3b5f7;
+	--yellow: #fbe4b2;
 }
 
+
 ::selection {
 	background-color: var(--highlight);
 	color: var(--black);