How to modify colors on html5 client

[Juan Pablo Miranda]

Hi all.

Is there any way to modify some background or buttons color on the html5 client?

Is it possible to do it editing some css file?

Thanks and regards.

JP

[Chad Pilkey]

There's no master CSS file in the HTML5 client like there is in the Flash client so it's a little bit trickier. There are different stylesheets at the various component levels and when the application is built they are all combined into one behind the scenes. We do use a common palette file that holds most of the colours used throughout the client, https://github.com/bigbluebutton/bigbluebutton/blob/master/bigbluebutton-html5/imports/ui/stylesheets/variables/palette.scss. If you want more fine-grained control of a component then you have to go into the component's stylesheet and edit there. There's also exceptions like the background colour for the application being set in the main HTML page https://github.com/bigbluebutton/bigbluebutton/blob/master/bigbluebutton-html5/client/main.html#L51. My usual approach to restyling a component is to use the browser's dev tools to inspect the thing I want to change and find the CSS class that is setting it.

[Juan Pablo Miranda]

Hi, Chad.

Then, is it necessary to perform the files you've mentioned before and compile BBB after?

Are not those files present in my server after BBB installation?

If they are present, could you please tell me its paths?

Thank you very much

JP

[Chad Pilkey]

The transpiled CSS is in /usr/share/meteor/bundle/programs/web.browser/, but the CSS file's name will change with every build. The file is also minified so it's a real pain to read it.

[info webnoo]

Hi Chad, what's the path to access the "palette.scss." unable to find it in the server, thanks in advance.

[Rexon Dmello]

Hi, is there a way to change icon colors for html-file client after bbb installation? if so let me know the file path were i can change it.
/usr/share/meteor/bundle/programs/web.browser/  this file can be unminified.  but iam unable to find css for icon color

thanks 

[vn.suj...@gmail.com]

You need to set up a development environment first.
Then you can change the colors and take a production build and deploy
Path to palette.css 
/home/ubuntu/dev/bigbluebutton/bigbluebutton-html5/imports/ui/stylesheets/variables/palette.scss

[vn.suj...@gmail.com]

Please refer

https://docs.bigbluebutton.org/2.2/dev.html