CSS: Set modal header color for error alerts

Also fix various element colors for Dracula theme
This commit is contained in:
JC Brand 2022-02-19 18:59:38 +01:00
parent beb220f188
commit 1c8085f00e
4 changed files with 17 additions and 2 deletions

View File

@ -401,7 +401,7 @@
.toggle-controlbox {
order: -2;
text-align: center;
background-color: var(--link-color);
background-color: var(--controlbox-head-color);
border-top-left-radius: var(--button-border-radius);
border-top-right-radius: var(--button-border-radius);
color: #0a0a0a;

View File

@ -71,6 +71,9 @@
}
.chat-head-chatroom {
background-color: var(--chatroom-head-bg-color);
a.restore-chat {
color: var(--chatroom-head-color);
}
}
&.minimized {
height: auto;

View File

@ -5,6 +5,18 @@
.conversejs {
@import "bootstrap/scss/modal";
.modal-header {
&.alert-danger {
background-color: var(--error-color);
color: var(--background);
border-bottom: none;
.close {
color: var(--background);
}
}
}
.modal-content {
background-color: var(--modal-background-color);
}

View File

@ -37,7 +37,7 @@
a, a:visited, a:hover, a:not([href]):not([tabindex]) {
&.chatbox-btn {
&.fa {
color: var(--chat-head-text-color);
color: var(--chatroom-head-color);
&.button-on:before {
color: var(--chatroom-head-button-color);
}