Customization of Jitsi Meet (background color and text of the main page)


I have installed Jitsi Meet on my own Ubuntu server following the quick install guide and everything is ok.

Everything works correctly, both from web and from apps (ios and android).

I have also added the domain function following this guide and everything works correctly. The truth is that Jitsi seems to me an exceptional tool!

Once I have verified that everything works well, I want to personalize it a bit.

I have removed the watermark by editing the file /usr/share/jitsi-meet/interface_config.js and on the lines “SHOW_JITSI_WATERMARK” and “SHOW_WATERMARK_FOR_GUESTS”, type “false”.

I have also put my own favicon.ico file in /usr/share/jitsi-meet/favicon.ico

However now I have several problems:

  1. I would like to change the background color of the main page. How could it?

  2. I would also like to customize the text "More secure, more flexible, and completely free video conferencing. Go ahead, video … " How could this text change?

Thanks in advance and sorry for my english!


1 Like

Those modifications can be done by editing the source. So you need to checkout the project, do the modifications, build and deploy it (as easy as just changing on the webserver config, from which folder to serve jitsi-meet).

Could you give me a small step-by-step example how to do this? Do a simple modification, build and deploy it.

I have very basic knowledge in Javascript

Thanks in advance.

Check jitsi-meet readme

When I run npm install, I receive the following message:

npm ERR! cb() never called!

npm ERR! This is an error with npm itself. Please report this error at:
npm ERR!

npm ERR! A complete log of this run can be found in:
npm ERR! /home/me/.npm/_logs/2018-11-09T00_00_06_986Z-debug.log

I am using Ubuntu 18.04.1 LTS (GNU/Linux 4.15.0-1023-gcp x86_64) in Google Cloud Platform.

Any ideas?


Which node/npm do you use. Use latest LTS from

I finally got it!

I have done the following:

Make a clean installation of Ubuntu Server 18.04.1 LTS.

Execute the following commands:

curl -sL | sudo -E bash -

sudo apt-get install -y nodejs

sudo apt-get install gcc g++ make

nodejs -v

npm -v

git clone

cd jitsi-meet/

npm install


*I edit to expand the information.

I work with Google Cloud Platform and if I use the smallest instance (f1-micro - Micro machine type with 0.2 vCPU, 0.60 GB of memory, backed by a shared physical core) I receive the error of npm ERR! cb () never called! when I run the npm install command.

But if I use the superior instance (g1-small - Shared-core machine type with 0.5 vCPU, 1.70 GB of memory, backed by a shared physical core) or any other superior instance everything works correctly.

Damencho, thank you for your comments and help!

to change the background color, go to /usr/share/jitsi-meet/css/all.css
open that css file and look for: background-image:linear-gradien:(-90deg,#ae1212 0,#ff0000 50%,#ae1212 100% so now if you change those figures, the color will change. you can go to google and search for color picker, that will help you get the right color code.

Still to customize the text “More secure , more flexible…” look for this: .welcome .header .header-text-title:
Adjust accordingly, look at the line below:
.header-text-title::after{content: ‘Put your custom title here’;visibility: visible;display: block;color:#fff;
now, do the same thing with other text:
.header-text-description::after{content: 'Go ahead, video chat with the whole team…

While all of the above is a perfectly good way of doing, and the more proper way for sure, for those who just want to quick change some stuff, there is an easier way.

Go to your webroot:

Open index.html

  • After
    <link rel="stylesheet" href="css/all.css">

  • Add in
    <link rel="stylesheet" href="css/custom.css">

Create a file in

Named: custom.css

And add in your custom css in there

The index.html will likely be overwritten (and your changes removed) on upgrade, but its a one line put back. IMO its always nice to leave users a simple custom.css anyway, perhaps something which jitsi could do and server up a blank custom.css?

Anyway, this is ours, took about 10 mins, with some simple css

1 Like

With the new version from 12-01-2021 it looks like they are made changes. You can’t display a alternative title and subtitle. I can only make them disappear, but you can’t set a new content. Changing the background works like a charme.

You can use css to change the text, see here:

I used the solution by James van Dyke.

Previously I didn’t need to change the css at all, it was enough to set a variable in in interface_config.js :rage:

This is cool stuff
Do you mind charing your custom css?

Simply put in plugin.head.html

<link rel="stylesheet" href="css/custom.css">