matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Peertube theme: fix colors for .correcting ; colors for spoilers.

Browse Source
This commit is contained in:
John Livingston 2021-11-24 15:11:48 +01:00
parent 752fafe376
commit e2d445e6d8
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
conversejs/custom/sass/_peertubetheme.scss
View File

@ -37,6 +37,12 @@
} }
.chat-msg__text { .chat-msg__text {
// spoiler content more visible.
&.spoiler {
color: var(--peertube-grey-foreground) !important;
background-color: var(--peertube-grey-background) !important;
}
// underline links in chat messages // underline links in chat messages
a[href] { a[href] {
text-decoration: underline; text-decoration: underline;
@ -47,6 +53,12 @@
} }
} }
.correcting {
// Fix color/background-color for correcting messages and textareas
color: var(--peertube-grey-foreground) !important;
background-color: var(--peertube-grey-background) !important;
}
// hidding avatars when screen width is not big enough. // hidding avatars when screen width is not big enough.
@media screen and (max-width: 576px) { @media screen and (max-width: 576px) {
.message { .message {

2
conversejs/custom/sass/_variables.scss
View File

@ -96,7 +96,7 @@
--heading-color: #9b4d; --heading-color: #9b4d;
--chatroom-badge-color: var(--peertube-button-background); --chatroom-badge-color: var(--peertube-button-background);
--chatroom-badge-hover-color: var(--peertube-button-background); --chatroom-badge-hover-color: var(--peertube-button-background);
--chatroom-correcting-color: #ffffc0; --chatroom-correcting-color: var(--peertube-grey-background);
--chatroom-head-bg-color-dark: #d24e2b; --chatroom-head-bg-color-dark: #d24e2b;
--chatroom-head-bg-color: var(--peertube-menu-background); --chatroom-head-bg-color: var(--peertube-menu-background);
--chatroom-head-border-bottom: 1px solid var(--peertube-grey-foreground); --chatroom-head-border-bottom: 1px solid var(--peertube-grey-foreground);