You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@openmeetings.apache.org by Aaron Hepp <aa...@gmail.com> on 2018/03/15 23:27:13 UTC

Chatroom color customization

Can the chatroom colors be changed.  Looking to change to a "grey scale" 
palette over the blues?  If so can you give a list of files that need to 
have the color codes changed in?  Since users only ever see the rooms 
the elements I would need to change are the chatroom itself and the 
"popout" box elements.

Re: Chatroom color customization

Posted by Aaron Hepp <aa...@gmail.com>.
Those were the instructions followed.  Changed the color codes in 
jquery-ui.css even went and changed the color codes in theme.css; and 
upon starting the service the same defaults are used.

So wasn't sure if there was another location the theme colors are called 
from.


On 3/15/2018 9:33 PM, Maxim Solodovnik wrote:
> The process is defined here 
> http://openmeetings.apache.org/themes-and-branding.html
>
> The color scheme is defined by jqueryui theme
> Please put your customizations to custom.css
>
> On Fri, Mar 16, 2018 at 6:27 AM, Aaron Hepp <aaron.hepp@gmail.com 
> <ma...@gmail.com>> wrote:
>
>     Can the chatroom colors be changed.  Looking to change to a "grey
>     scale" palette over the blues?  If so can you give a list of files
>     that need to have the color codes changed in?  Since users only
>     ever see the rooms the elements I would need to change are the
>     chatroom itself and the "popout" box elements.
>
>
>
>
> -- 
> WBR
> Maxim aka solomax


Re: Chatroom color customization

Posted by Maxim Solodovnik <so...@gmail.com>.
While writing CSS styles I tried to use general jquery-ui styles as much as
possible

As described on the site
You might change the whole theme being used by changing jquery-ui theme
AND/OR you can re-style individual elements of your choice

To achieve this you need to ADD your custom CSS rules to custom.css file

room.css is the source CSS file (not being used)
all styles goes to theme.css which is used in DEV mode only
theme.min.css is used in PROD

custom.css is used as-is and being preserved by backup/restore

On Fri, Mar 16, 2018 at 6:14 PM, Aaron Hepp <aa...@gmail.com> wrote:

> As previous comment I tried those instructions and they did not seem to
> implement a change on the colors.
>
> To test I created a new build and tired to change just one element.  Which
> is the lime green color it highlights your user when you are in a room.
> This is located at:
> /opt/om/webapps/openmeetings/css/room.css & theme.css
>     (inside there the heading is:)
>         .room.sidebar .user.list .user.current {
>                 font-weight: bold;
>                 background-color:  #00FF00;
>         }
> So I changed that to #D9D9D9 which is a medium shade of grey.  At this
> point the application was not running.  I started the red5 service and
> tested and the color was still the lime green.  Cleared the browser cache
> as I thought it may have cached that in some form, and was still lime
> green.  Tried a browser that had never been connected to the server and it
> was still the same.
>
> So did a search for #00FF00 and found it referenced in:
> /opt/om/webapps/openmeetings/WEB-INF/classes/org/apache/
> openmeetings/web/room/wb/fabric.js
> /opt/om/webapps/openmeetings/WEB-INF/classes/org/apache/
> openmeetings/web/room/wb/wb.min.js
> /opt/om/webapps/opemeetings/WEB-INF/classes/org/apache/
> openmeetings/web/room/wb/wb.js:
>
> So I changed all those references to #D9D9D9 as well, and still after a
> service restart it showed up lime green.  Any thoughts as I'm at a loss on
> where this even pulling its color code from.
>
> On 3/15/2018 9:33 PM, Maxim Solodovnik wrote:
>
> The process is defined here http://openmeetings.apache.org/themes-and-
> branding.html
>
> The color scheme is defined by jqueryui theme
> Please put your customizations to custom.css
>
> On Fri, Mar 16, 2018 at 6:27 AM, Aaron Hepp <aa...@gmail.com> wrote:
>
>> Can the chatroom colors be changed.  Looking to change to a "grey scale"
>> palette over the blues?  If so can you give a list of files that need to
>> have the color codes changed in?  Since users only ever see the rooms the
>> elements I would need to change are the chatroom itself and the "popout"
>> box elements.
>>
>
>
>
> --
> WBR
> Maxim aka solomax
>
>
>


-- 
WBR
Maxim aka solomax

Re: Chatroom color customization

Posted by Aaron Hepp <aa...@gmail.com>.
As previous comment I tried those instructions and they did not seem to 
implement a change on the colors.

To test I created a new build and tired to change just one element. 
Which is the lime green color it highlights your user when you are in a 
room.  This is located at:
/opt/om/webapps/openmeetings/css/room.css & theme.css
     (inside there the heading is:)
         .room.sidebar .user.list .user.current {
                 font-weight: bold;
                 background-color:  #00FF00;
         }
So I changed that to #D9D9D9 which is a medium shade of grey.  At this 
point the application was not running.  I started the red5 service and 
tested and the color was still the lime green.  Cleared the browser 
cache as I thought it may have cached that in some form, and was still 
lime green.  Tried a browser that had never been connected to the server 
and it was still the same.

So did a search for #00FF00 and found it referenced in:
/opt/om/webapps/openmeetings/WEB-INF/classes/org/apache/openmeetings/web/room/wb/fabric.js
/opt/om/webapps/openmeetings/WEB-INF/classes/org/apache/openmeetings/web/room/wb/wb.min.js
/opt/om/webapps/opemeetings/WEB-INF/classes/org/apache/openmeetings/web/room/wb/wb.js:

So I changed all those references to #D9D9D9 as well, and still after a 
service restart it showed up lime green.  Any thoughts as I'm at a loss 
on where this even pulling its color code from.

On 3/15/2018 9:33 PM, Maxim Solodovnik wrote:
> The process is defined here 
> http://openmeetings.apache.org/themes-and-branding.html
>
> The color scheme is defined by jqueryui theme
> Please put your customizations to custom.css
>
> On Fri, Mar 16, 2018 at 6:27 AM, Aaron Hepp <aaron.hepp@gmail.com 
> <ma...@gmail.com>> wrote:
>
>     Can the chatroom colors be changed.  Looking to change to a "grey
>     scale" palette over the blues?  If so can you give a list of files
>     that need to have the color codes changed in?  Since users only
>     ever see the rooms the elements I would need to change are the
>     chatroom itself and the "popout" box elements.
>
>
>
>
> -- 
> WBR
> Maxim aka solomax


Re: Chatroom color customization

Posted by Maxim Solodovnik <so...@gmail.com>.
The process is defined here
http://openmeetings.apache.org/themes-and-branding.html

The color scheme is defined by jqueryui theme
Please put your customizations to custom.css

On Fri, Mar 16, 2018 at 6:27 AM, Aaron Hepp <aa...@gmail.com> wrote:

> Can the chatroom colors be changed.  Looking to change to a "grey scale"
> palette over the blues?  If so can you give a list of files that need to
> have the color codes changed in?  Since users only ever see the rooms the
> elements I would need to change are the chatroom itself and the "popout"
> box elements.
>



-- 
WBR
Maxim aka solomax