Skip to content

streetturtle/rambox-extensions

Repository files navigation

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

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-outlook

outlook-unread-count.js

  • show number of unread messages

Spike

spike-dark.js

spike-unread-count.js

  • show number of unread messages

About

Service extensions for Rambox

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published