Hi everybody,
I've been thinking about giving the room my own personal touch as I often found my self during the last few months having difficulties with the small chat and all the messages... Short Story I aimed for this goals :
Giving some more space for the main chat
Reduce the tab selection section in the middle of the column so that it does not overflow in several lines
Give some clean icons that clearly identify the content while keeping the tooltip
Hide the Alert Panel while keeping it accesible using the mouse over it (autohide)
Change the font for a readable one with a smaller size as I use to have the chat in a 40" TV
The final result is this ( original colors on the right, darker theme on the left) :
If interested in getting more room for the main chat, just install Stylus and Darkreader (if you like the dark theme ) plugins on your browser :
Chrome:
Stylus: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
Dark-reader: https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=es
Firefox:
Stylus: https://addons.mozilla.org/es/firefox/addon/styl-us/?src=search
Dark-reader: https://addons.mozilla.org/es/firefox/addon/darkreader/
After the easy installation, just go to the top right cornor of your browser and click on the "S" then on the "create new style option" while being in the tab of the chatroom. Copy the CSS text that you can find attached to this post and then paste it in the editor area. Check the name you want to give to this style on the upper left corner and the URL that should be monitored : https://protradingroom.com
Save the changes and go back to the room. If you want to activate the dark theme just go to the DarkReader plugin and manage your settings ...
Hope anyone finds this usefull.
Keep it green !
@Paul aka Aurbano
2021-12-13 UPDATE : update tab icons
2021-04-07 UPDATE : added few changes to fix tickers column on bezinga news, with bullet points, and a better line jump management >> ending in better reading ... this feature was suggested by @Justin and @Alastair ... hope it helps many people !!
2021-04-09 UPDATE : added color / background highlighter on ticker symbols starting with $
css.txt