From 4726a3376f949388f39afd3cbcd938717cc17e45 Mon Sep 17 00:00:00 2001
From: Temmie <git@beaver.mom>
Date: Tue, 5 Aug 2025 04:12:26 +0200
Subject: [PATCH] feat: implement colours for all the other themes

---
 components/Message.vue                     |  2 +-
 public/themes/style/ash.css                |  8 +++++++-
 public/themes/style/dark.css               |  2 +-
 public/themes/style/description.css        |  6 ++++++
 public/themes/style/light.css              |  6 ++++++
 public/themes/style/rainbow-capitalism.css | 12 +++++++++---
 6 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/components/Message.vue b/components/Message.vue
index f3901ce..91b9170 100644
--- a/components/Message.vue
+++ b/components/Message.vue
@@ -274,7 +274,7 @@ function getDayDifference(date1: Date, date2: Date) {
 }
 
 .mentioned:hover {
-	background-color: var(--chat-important-hightlighted-background-color);
+	background-color: var(--chat-important-highlighted-background-color);
 }
 
 .message-reply-svg {
diff --git a/public/themes/style/ash.css b/public/themes/style/ash.css
index 826bf19..495fa15 100644
--- a/public/themes/style/ash.css
+++ b/public/themes/style/ash.css
@@ -12,12 +12,18 @@ complementaryColor = white
 
 	--chat-background-color: #2f2e2d;
     --chat-highlighted-background-color: #3f3b38;
+	--chat-important-background-color: #ffcf5f38;
+	--chat-important-highlighted-background-color: #ffa86f4f;
+	--chat-featured-message-color: #4f3f2f60;
+	--popup-background-color: #2f2828;
+	--popup-highlighted-background-color: #382f2f;
+
 	--sidebar-background-color: #3e3a37;
 	--sidebar-highlighted-background-color: #46423b;
 	--topbar-background-color: #3a3733;
 	--chatbox-background-color: #3a3733;
 
-    --padding-color: #e0e0e0;
+    --padding-color: #4f4f4f;
 
 	--primary-color: #f07028;
 	--primary-highlighted-color: #f28f4b;
diff --git a/public/themes/style/dark.css b/public/themes/style/dark.css
index 85a3164..d23ed76 100644
--- a/public/themes/style/dark.css
+++ b/public/themes/style/dark.css
@@ -13,7 +13,7 @@ complementaryColor = white
 	--chat-background-color: #1f1e1d;
     --chat-highlighted-background-color: #2f2b28;
 	--chat-important-background-color: #ffc44f2f;
-	--chat-important-hightlighted-background-color: #ffa45f4a;
+	--chat-important-highlighted-background-color: #ffa45f4a;
 	--chat-featured-message-color: #4f2f1f58;
 	--popup-background-color: #2f1f1f;
 	--popup-highlighted-background-color: #3f2f2f;
diff --git a/public/themes/style/description.css b/public/themes/style/description.css
index 9c3a5d5..972821c 100644
--- a/public/themes/style/description.css
+++ b/public/themes/style/description.css
@@ -13,6 +13,12 @@ complementaryColor = black
 
     --chat-background-color: #80808000;
     --chat-highlighted-background-color: #ffffff20;
+	--chat-important-background-color: #ffc44f2f;
+	--chat-important-highlighted-background-color: #ffa45f4a;
+	--chat-featured-message-color: #4f2f1f58;
+	--popup-background-color: #2f1f1f;
+	--popup-highlighted-background-color: #3f2f2f;
+
 	--sidebar-background-color: #80808000;
 	--sidebar-highlighted-background-color: #ffffff20;
 	--topbar-background-color: #80808000;
diff --git a/public/themes/style/light.css b/public/themes/style/light.css
index 98ac4be..78bf2f9 100644
--- a/public/themes/style/light.css
+++ b/public/themes/style/light.css
@@ -12,6 +12,12 @@ complementaryColor = black
 
     --chat-background-color: #f0ebe8;
     --chat-highlighted-background-color: #e8e4e0;
+    --chat-important-background-color: #df5f0b26;
+    --chat-important-hightlighted-background-color: #df5f0b3d;
+    --chat-featured-message-color: #e8ac841f;
+    --popup-background-color: #e8e4e0;
+    --popup-highlighted-background-color: #dfdbd6;
+
 	--sidebar-background-color: #dbd8d4;
 	--sidebar-highlighted-background-color: #d4d0ca;
 	--topbar-background-color: #dfdbd6;
diff --git a/public/themes/style/rainbow-capitalism.css b/public/themes/style/rainbow-capitalism.css
index d37f905..8ca3ed7 100644
--- a/public/themes/style/rainbow-capitalism.css
+++ b/public/themes/style/rainbow-capitalism.css
@@ -5,13 +5,19 @@ complementaryColor = white
 */
 
 :root {
-	--text-color: #161518;
-	--secondary-text-color: #2b2930;
+	--text-color: #000000;
+	--secondary-text-color: #1f1f1f;
 	--reply-text-color: #969696;
 	--danger-text-color: #ff0000;
 
-    --chat-background-color: #80808000;
+    --chat-background-color: #b0b0b040;
     --chat-highlighted-background-color: #ffffff20;
+	--chat-important-background-color: #ff4f4f80;
+	--chat-important-highlighted-background-color: #ff6f6fa0;
+	--chat-featured-message-color: #4f8f4f80;
+	--popup-background-color: #80808080;
+	--popup-highlighted-background-color: #9f9f9f9f;
+
 	--sidebar-background-color: #80808000;
 	--sidebar-highlighted-background-color: #ffffff20;
 	--topbar-background-color: #80808000;