Tray.io Dark Mode

Love the Tray platform, but not the bright colors? I have a solution for you!

Step by Step Guide

Step 1: Add StlyeBot to your browser

Style bot allows you the edit and control the CSS of website that you do not have direct access to edit. This allows any changes you make become 'Sticky' when you refresh the page, and navigate around them!

Get StyleBot

Step 2: Add the theme

In the below video i'll walk you through how to add the theme to stylebot! It's pretty simple. First you're going to need to copy the below CSS into your clipboard! Don't worry, you wont need to know how to write CSS. You'll jsut need to copy and paste!

Get the code: Click to expand

body {background-color: #121212;}

#app {filter: invert(1) hue-rotate(180deg);}

a {color: #BB86FC;}

::placeholder {color: #FFFFFF;opacity: 1;}

::-moz-placeholder {color: #FFFFFF;opacity: 1;}

:-ms-input-placeholder {color: #FFFFFF;}

textarea::placeholder,input::placeholder {color: #FFFFFF;opacity: 1;}

textarea::-webkit-input-placeholder,input::-webkit-input-placeholder {color: #FFFFFF;}

textarea::-moz-placeholder,input::-moz-placeholder {color: #FFFFFF;opacity: 1;}

textarea:-ms-input-placeholder,input:-ms-input-placeholder {color: #FFFFFF;}

textarea::-ms-input-placeholder,input::-ms-input-placeholder {color: #FFFFFF;}

Step-by-Step Implmentation Video

Page updated

Report abuse