gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 8 Projects Releases Packages 1 Wiki Activity Actions

feat: implement colours for all the other themes

Browse source
This commit is contained in:
Twig 2025-08-05 04:12:26 +02:00
parent 7d267b436e
commit 4726a3376f
Signed by: twig
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
6 changed files with 30 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/Message.vue
View file

@ -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 {

8
public/themes/style/ash.css
View file

@ -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;

2
public/themes/style/dark.css
View file

@ -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;

6
public/themes/style/description.css
View file

@ -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;

6
public/themes/style/light.css
View file

@ -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;

12
public/themes/style/rainbow-capitalism.css
View file

@ -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;