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

style: add modal background colour to themes

Browse source
This commit is contained in:
Twig 2025-08-11 02:36:57 +02:00
parent 05c351feee
commit 783eda56b1
Signed by: twig
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
7 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
components/Modal/Base.vue
View file

@ -38,6 +38,7 @@ onMounted(() => {
max-height: 90dvh; max-height: 90dvh;
max-width: 90dvw; max-width: 90dvw;
background-color: var(--modal-background-color);
border-radius: var(--standard-radius); border-radius: var(--standard-radius);
border-width: 0; border-width: 0;
padding: 0; padding: 0;

2
components/Modal/ProfilePopup.vue
View file

@ -123,7 +123,7 @@ function buttonEditProfile() {
flex-direction: column; flex-direction: column;
color: var(--text-color); color: var(--text-color);
background-color: var(--chat-background-color); background-color: var(--modal-background-color);
overflow-y: scroll; overflow-y: scroll;
} }

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

@ -17,6 +17,7 @@ complementaryColor = white
--chat-featured-message-color: #4f3f2f60; --chat-featured-message-color: #4f3f2f60;
--popup-background-color: #2f2828; --popup-background-color: #2f2828;
--popup-highlighted-background-color: #382f2f; --popup-highlighted-background-color: #382f2f;
--modal-background-color: #3a352f;
--sidebar-background-color: #3e3a37; --sidebar-background-color: #3e3a37;
--sidebar-highlighted-background-color: #46423b; --sidebar-highlighted-background-color: #46423b;

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

@ -17,6 +17,7 @@ complementaryColor = white
--chat-featured-message-color: #4f2f1f58; --chat-featured-message-color: #4f2f1f58;
--popup-background-color: #2f1f1f; --popup-background-color: #2f1f1f;
--popup-highlighted-background-color: #3f2f2f; --popup-highlighted-background-color: #3f2f2f;
--modal-background-color: #28241f;
--sidebar-background-color: #2e2a27; --sidebar-background-color: #2e2a27;
--sidebar-highlighted-background-color: #36322b; --sidebar-highlighted-background-color: #36322b;

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

@ -18,6 +18,7 @@ complementaryColor = black
--chat-featured-message-color: #4f2f1f58; --chat-featured-message-color: #4f2f1f58;
--popup-background-color: #2f1f1f; --popup-background-color: #2f1f1f;
--popup-highlighted-background-color: #3f2f2f; --popup-highlighted-background-color: #3f2f2f;
--modal-background-color: #181f1f;
--sidebar-background-color: #80808000; --sidebar-background-color: #80808000;
--sidebar-highlighted-background-color: #ffffff20; --sidebar-highlighted-background-color: #ffffff20;

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

@ -17,6 +17,7 @@ complementaryColor = black
--chat-featured-message-color: #e8ac841f; --chat-featured-message-color: #e8ac841f;
--popup-background-color: #e8e4e0; --popup-background-color: #e8e4e0;
--popup-highlighted-background-color: #dfdbd6; --popup-highlighted-background-color: #dfdbd6;
--modal-background-color: #e8e4e0;
--sidebar-background-color: #dbd8d4; --sidebar-background-color: #dbd8d4;
--sidebar-highlighted-background-color: #d4d0ca; --sidebar-highlighted-background-color: #d4d0ca;

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

@ -17,6 +17,7 @@ complementaryColor = white
--chat-featured-message-color: #4f8f4f80; --chat-featured-message-color: #4f8f4f80;
--popup-background-color: #80808080; --popup-background-color: #80808080;
--popup-highlighted-background-color: #9f9f9f9f; --popup-highlighted-background-color: #9f9f9f9f;
--modal-background-color: #7fa87fff;
--sidebar-background-color: #80808000; --sidebar-background-color: #80808000;
--sidebar-highlighted-background-color: #ffffff20; --sidebar-highlighted-background-color: #ffffff20;