From f226ba2364bf8f905c4cd135809bb13d7b9f4025 Mon Sep 17 00:00:00 2001 From: SauceyRed Date: Sat, 12 Jul 2025 17:52:34 +0200 Subject: [PATCH] style(themes): add and use --reply-text-color --- components/MessageReply.vue | 2 +- public/themes/ash.css | 1 + public/themes/dark.css | 1 + public/themes/description.css | 1 + public/themes/light.css | 1 + public/themes/rainbow-capitalism.css | 1 + 6 files changed, 6 insertions(+), 1 deletion(-) diff --git a/components/MessageReply.vue b/components/MessageReply.vue index 8ba0902..47ac3ec 100644 --- a/components/MessageReply.vue +++ b/components/MessageReply.vue @@ -77,7 +77,7 @@ function scrollToReply(e: MouseEvent) { } #reply-text { - color: rgb(150, 150, 150); + color: var(--reply-text-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; diff --git a/public/themes/ash.css b/public/themes/ash.css index 66923af..63aaa53 100644 --- a/public/themes/ash.css +++ b/public/themes/ash.css @@ -1,6 +1,7 @@ :root { --text-color: #f0e5e0; --secondary-text-color: #e8e0db; + --reply-text-color: #969696; --chat-background-color: #2f2e2d; --chat-highlighted-background-color: #3f3b38; diff --git a/public/themes/dark.css b/public/themes/dark.css index af94112..3673d4c 100644 --- a/public/themes/dark.css +++ b/public/themes/dark.css @@ -1,6 +1,7 @@ :root { --text-color: #f7eee8; --secondary-text-color: #f0e8e4; + --reply-text-color: #969696; --chat-background-color: #1f1e1d; --chat-highlighted-background-color: #2f2b28; diff --git a/public/themes/description.css b/public/themes/description.css index 4b07f11..209fb36 100644 --- a/public/themes/description.css +++ b/public/themes/description.css @@ -2,6 +2,7 @@ :root { --text-color: #161518; --secondary-text-color: #2b2930; + --reply-text-color: #969696; --chat-background-color: #80808000; --chat-highlighted-background-color: #ffffff20; diff --git a/public/themes/light.css b/public/themes/light.css index b9b7b86..fdd4756 100644 --- a/public/themes/light.css +++ b/public/themes/light.css @@ -1,6 +1,7 @@ :root { --text-color: #170f08; --secondary-text-color: #2f2b28; + --reply-text-color: #969696; --chat-background-color: #f0ebe8; --chat-highlighted-background-color: #e8e4e0; diff --git a/public/themes/rainbow-capitalism.css b/public/themes/rainbow-capitalism.css index 32f7449..0e146d9 100644 --- a/public/themes/rainbow-capitalism.css +++ b/public/themes/rainbow-capitalism.css @@ -1,6 +1,7 @@ :root { --text-color: #161518; --secondary-text-color: #2b2930; + --reply-text-color: #969696; --chat-background-color: #80808000; --chat-highlighted-background-color: #ffffff20;