style: add modal background colour to themes

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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