Fix dropdown colors.

This commit is contained in:
John Livingston 2022-01-03 17:03:16 +01:00
parent b255770836
commit a0d313ffee
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC

View File

@ -1,4 +1,20 @@
#conversejs.theme-peertube {
.dropdown-menu {
// Fixing all dropdown colors
--text-color: #212529; // default bootstrap color for dropdown-items
--text-color-lighten-15-percent: #8c8c8c; // default ConverseJS theme color
background-color: #fff; // this is the default bootstrap color, used by ConverseJS
a,
i,
button {
--text-color: #212529; // default bootstrap color for dropdown-items
color: #212529; // default bootstrap color for dropdown-items
}
}
.chatbox {
converse-chat-toolbar {
color: var(--peertube-main-foreground);
@ -101,20 +117,6 @@
background-color: var(--peertube-grey-background) !important;
}
.message.chat-msg .chat-msg__actions {
// Fixing message actions colors
.dropdown-menu {
--text-color-lighten-15-percent: #8c8c8c; // default ConverseJS theme color
background-color: #fff; // this is the default bootstrap color, used by ConverseJS
i,
button {
color: #212529; // default bootstrap color for dropdown-items
}
}
}
// hidding avatars when screen width is not big enough.
@media screen and (max-width: 576px) {
.message {