rambox-extensions icon indicating copy to clipboard operation
rambox-extensions copied to clipboard

Service extensions for Rambox

Extensions for Rambox services

Rambox's Inject JavaScript Code feature is very useful - injecting custom JS code allows also inject custom CSS per service which can work as ~Stylish~ Stylus extensions. Also it can work as simple AdBlock, since you can hide iframes and others elements which show ads. Here I want to collect all my custom JS code which is injected in different messengers.

  • Tricks
    • Dark panel
  • Styles
    • Gmail
      • gmail.js
      • gmail-unread-count.js
    • VK
    • Telegram
      • telegram-vanilla-dark-aqua.js
    • Outlook
      • outlook-noad.js
      • outlook-dark.js
      • outlook-unread-count.js
    • Spike
      • spike-dark.js
      • spike-unread-count.js

Tricks

Dark panel

To make the panel dark you can edit the CSS by using the Developer Tools: Window -> Toggle Developer Tools. Then choose Console and paste following JS there:

document.querySelector('.x-tab-bar').style.backgroundColor='#20272D';
document.querySelectorAll('.x-tab').forEach(function(el){el.style.backgroundColor='#40474D';});

First line sets the color of the bar and second of the tabs. Result will look following way:

screenshot from 2018-02-05 12-20-52

Note that this will work only until you close application. Every time you start it you'll need to run the above JS again (which is just:

  • Ctrl + Shift + i - open developer tools
  • up - select previous command
  • Enter - run it
  • Ctrl + Shift + i - close developer tools

Styles

Gmail

gmail.js

  • hide ad (first one or two emails in the list) in Social and Promotions tabs
  • improve readability of counters on the left panel:

before after

gmail-unread-count.js

  • show number of unread messages

VK

vk-screenshor

Telegram

telegram-vanilla-dark-aqua.js

Outlook

outlook-noad.js

  • hide right panel with ad

outlook-dark.js

  • dark theme: https://userstyles.org/styles/160323/outlook-com-dark-mode

dark-outlook

outlook-unread-count.js

  • show number of unread messages

Spike

spike-dark.js

spike-unread-count.js

  • show number of unread messages