☰

TwoStopBits Dark Mode

twostopbits.com dark mode userstyle

  1. // ==UserScript==
  2. // @name         TwoStopBits Dark Mode
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0
  5. // @description  twostopbits.com dark mode userstyle
  6. // @author       Theodric
  7. // @license      WTFPL
  8. // @match        https://twostopbits.com/*
  9. // @grant        GM_addStyle
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     GM_addStyle(`
  16.         body {
  17.             background-color: #121212;
  18.             color: #e0e0e0;
  19.         }
  20.         .topcolor.page-header, .page-footer.topcolor {
  21.             background-color: #1f1f1f;
  22.             color: #ffffff; /* make top header text white */
  23.         }
  24.         #navleft, #navmain, #navright {
  25.             color: #ffffff;
  26.         }
  27.         #navleft a, #navmain a, #navright a {
  28.             color: #ffffff; /* ensure links in header are white */
  29.         }
  30.         #navleft a:hover, #navmain a:hover, #navright a:hover {
  31.             color: #63b8ff; /* add hover effect for links */
  32.         }
  33.         .layout {
  34.             background-color: #121212;
  35.         }
  36.         a {
  37.             color: #1e90ff;
  38.         }
  39.         a:hover {
  40.             color: #63b8ff;
  41.         }
  42.         .items-list-item {
  43.             background-color: #1f1f1f;
  44.             border: 1px solid #2f2f2f;
  45.             margin-bottom: 8px;
  46.             padding: 8px;
  47.         }
  48.         .items-list {
  49.             background-color: #121212;
  50.         }
  51.         .votelinks .votearrow {
  52.             filter: invert(1);
  53.         }
  54.         .comtitle {
  55.             color: #ffffff;
  56.         }
  57.         .comtitle a {
  58.             color: #1e90ff;
  59.         }
  60.         .comtitle a:hover {
  61.             color: #63b8ff;
  62.         }
  63.         .subtext, .sitebit {
  64.             color: #bbbbbb;
  65.         }
  66.         .yclinks a {
  67.             color: #1e90ff;
  68.         }
  69.         .yclinks a:hover {
  70.             color: #63b8ff;
  71.         }
  72.         input[type="text"] {
  73.             background-color: #2b2b2b;
  74.             color: #e0e0e0;
  75.             border: 1px solid #444444;
  76.         }
  77.     `);
  78. })();