PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Jitsi accept theme variable and restyle

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-10-19 18:51:16 +01:00
parent 69c7d08941
commit 593a56e2d7
2 changed files with 21 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/vector/jitsi/index.scss
View file

@ -23,11 +23,19 @@ limitations under the License.
src: url('~matrix-react-sdk/res/fonts/Nunito/Nunito-Regular.ttf') format('truetype'); src: url('~matrix-react-sdk/res/fonts/Nunito/Nunito-Regular.ttf') format('truetype');
} }
$fg-color: #edf3ff; $dark-fg: #edf3ff;
$dark-bg: rgba(141, 151, 165, 0.2);
$light-fg: #2e2f32;
$light-bg: #fff;
body { body {
font-family: Nunito, Arial, Helvetica, sans-serif; font-family: Nunito, Arial, Helvetica, sans-serif;
background-color: #181b21; background-color: $dark-bg;
color: $fg-color; color: $dark-fg;
}
body.theme-light {
background-color: $light-bg;
color: $light-fg;
} }
body, html { body, html {
@ -82,7 +90,7 @@ body, html {
&::before { &::before {
content: ''; content: '';
background-size: contain; background-size: contain;
background-color: $fg-color; background-color: $dark-fg;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: center; mask-position: center;
mask-image: url("~matrix-react-sdk/res/img/element-icons/call/video-call.svg"); mask-image: url("~matrix-react-sdk/res/img/element-icons/call/video-call.svg");
@ -93,3 +101,7 @@ body, html {
margin: 0 auto; // center margin: 0 auto; // center
} }
} }
body.theme-light .icon::before {
background-color: $light-fg;
}

5
src/vector/jitsi/index.ts
View file

@ -67,6 +67,11 @@ let meetApi: any; // JitsiMeetExternalAPI
// out into a browser. // out into a browser.
const parentUrl = qsParam('parentUrl', true); const parentUrl = qsParam('parentUrl', true);
const widgetId = qsParam('widgetId', true); const widgetId = qsParam('widgetId', true);
const theme = qsParam('theme', true);
if (theme) {
document.body.classList.add(`theme-${theme}`);
}
// Set this up as early as possible because Element will be hitting it almost immediately. // Set this up as early as possible because Element will be hitting it almost immediately.
let readyPromise: Promise<[void, void]>; let readyPromise: Promise<[void, void]>;