UserScript - RelayX.com Dark Mode

relay_dark_mode_styles.user.js

// ==UserScript==
// @name         Dark Mode for RelayX.com
// @description  Exactly what it sounds like.
// @match        https://relayx.com/*
// @grant        GM_addStyle
// @run-at       document-start
// @version       0.0.1
// ==/UserScript==

GM_addStyle ( `
  body {
    background: #111;
    color: #f2f2f2;
  }
  .dex-feed-item {
    background: #000;
    box-shadow: none !important;
  }
  li[role="menuitem"] {
    color: #fff !important;
  }
  li[role="menuitem"] > div > svg > path {
    color: #fff !important;
  }
  .MuiInputAdornment-root, .orders-filter .filter-input {
    background: #000 !important;
    color: #fff !important;
  }
  li[aria-selected="true"] {
    opacity: 1;
    background: #333 !important;
    color: #fff !important;
  }
  ul[role="listbox"] {
    background:#222 !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
    color: #777 !important;
  }
  ul[role="listbox"] > li:hover {
    background:#111 !important;
  }
  div[role="button"] {
    background: #000;
    color: #f2f2f2;
    border: 1px solid #222;
  }

  .button-view {
    box-shadow: none !important;
  }
  button {
   background: #000 !important;
   color: #fff !important;
   box-shadow: none !important;
  }
  .relayx-dex {
    color: #f2f2f2;
  }
  .trade-top {
    background: none;
  }
  .usd-price {
    color: #f2f2f2 !important;
  }
  .token-bsv-price, .dex-card {
    color: #f2f2f2 !important;
  }

  .List div div div div div {
    background: rgba(0, 0, 0, .5);
  }
  .List div div div div div div div div {
    color: #fff;
  }
  .MuiPaper-root{
    background: #111 !important;
  }
  .MuiTabs-root, .common-top {
    background :#000 !important;
  }
  button {
    color: rgba(255, 255, 255, 0.6) !important;
  }
`);