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

Adding an easy way to customize background transparency in OBS and co.

Browse Source
This commit is contained in:
John Livingston
2022-08-07 11:51:07 +02:00
parent 68dc74d630
commit 36cda4a9b4
4 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
conversejs/custom/shared/styles/_variables.scss
View File

@ -11,6 +11,9 @@
--peertube-button-background: #f2690d;
--peertube-link: #000;
--peertube-link-hover: #000;
// we add --livechat-transparent variable, so that users can customize transparent background in OBS (for example).
--livechat-transparent: rgba(0 0 0 / 0%);
}
.conversejs.theme-peertube,

8
conversejs/custom/shared/styles/livechat.scss
View File

@ -65,18 +65,18 @@ body[livechat-viewer-mode="on"] {
// Transparent mode
body.livechat-transparent {
// --peertube-main-background: rgba(0 0 0 / 0%) !important;
// --peertube-menu-background: rgba(0 0 0 / 0%) !important;
// --peertube-main-background: var(--livechat-transparent) !important;
// --peertube-menu-background: var(--livechat-transparent) !important;
&.converse-fullscreen {
background-color: rgba(0 0 0 / 0%) !important;
background-color: var(--livechat-transparent) !important;
}
.chat-body,
.conversejs .chatroom .box-flyout,
.conversejs .chatbox .chat-content,
.conversejs .chatbox .chat-content .chat-content__notifications {
background-color: rgba(0 0 0 / 0%) !important;
background-color: var(--livechat-transparent) !important;
}
// Hide the background_logo