☰

CSS: twitter.com

Corrections to UI of twitter.com

  1. // ==UserScript==
  2. // @name          CSS: twitter.com
  3. // @description   Corrections to UI of twitter.com
  4. // @author        MK
  5. // @namespace     max44
  6. // @homepage      https://greatest.deepsurf.us/en/users/309172-max44
  7. // @match         *://twitter.com/*
  8. // @match         *://mobile.twitter.com/*
  9. // @match         *://x.com/*
  10. // @match         *://mobile.x.com/*
  11. // @icon          data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACWUlEQVRYhe2WTU4bQRCFv9c2CYso8Swj7HhuEG4QcwLMCWIvcMQOTgA+AexQ7Ej4COQEtk+QyQkyCSBlN4OUVbCnsgCD/xkTUBTJbzfVrXpfdfV0Nyy11D+WHitR/jgqkdW+YB3IYYSgzlU/qf/c8cLheb9WCeKqF08ArDWiCkbu4oN3tIj5m+blvmEHs8YtsbpBLKdNmcKz2qvqYGwEoNCITpE2k8T20kKsNaKKk07SzJURur5tXGXIXdS8AMCNkEpFAOd0mG9e7qdJ6pxSzRPECQT9FbWdwx+K3ynfjL/c9PCGiND6Vj3f8TrTkuaPo5KyaqcBuMtp1bOa17otYGywO4btK6t2vhm3X3+MyhO5MneVpFFPtjVsDpAd+VjhKOnx3iA3ykEp61QqNOPYjI6ZdZUQIFcESw3w/IpgPDYCEEP8EquDDmfkyEmUJZWv1y69OUC8SjwX4EWPIEHfJEJsseVN4z/494c1tgc4FZSewBwz+zotPgKQhdZjGw9pov8TAGHNC4TtPYW7zSjOjQd+bHtHmFUlwkczN+sOTr57AQBk5JLEPovJXfsQaU5rs9OCiSMQOlzsJ5shU+uslpsJMHUFzre9jrD633rLCDP9ZG6eue+BQiOqALtIbx8CYNjG+fb0eyQVwEB+I1pPpPb4ET3fffTSeRCA34jWe3KbwnZJaX597drWfZVPABQ+ReUkISfDl1wRZ4ufiGbdTJ9KOPQESw0Atz2vIL1b1NjEQdqqZwIM5J9EfvKbsokS4EsqDvoviM3sO0YgCNwzWuGUS2appf4b/QHXNfBk6YeX2wAAAABJRU5ErkJggg==
  12. // @version       1.1.5
  13. // @license       MIT
  14. // @run-at        document-idle
  15. // ==/UserScript==
  16.  
  17. (function() {
  18.   //CSS for any mode
  19.   var css = `
  20.   /*No opacity for header*/
  21.   .r-6026j { /*white UI*/
  22.     background-color: rgba(255, 255, 255, 1) !important;
  23.   }
  24.   .r-ii8lfi { /*dim UI*/
  25.     background-color: rgba(21, 32, 43, 1) !important;
  26.   }
  27.   .r-5zmot { /*lights out UI*/
  28.     background-color: rgba(0, 0, 0, 1) !important;
  29.   }
  30.   .r-1e5uvyk {
  31.     backdrop-filter: none !important;
  32.   }
  33.   /*Add bottom border to header*/
  34.   main[role="main"] div[data-testid="primaryColumn"] > div[tabindex="0"] > div, /*Desktop browser*/
  35.   div[data-testid="TopNavBar"] { /*Mobile browser*/
  36.     border-bottom-width: 1px !important;
  37.     border-bottom-style: solid !important;
  38.     border-bottom-color: rgb(239, 243, 244) !important;
  39.   }
  40.   /*No opacity for floating button in mobile twitter*/
  41.   div#layers aside > div[data-testid="FloatingActionButtonBase"] {
  42.     opacity: 1 !important;
  43.   }
  44.   /*No opacity for bottom bar in mobile twitter*/
  45.   div#layers div[data-testid="BottomBar"] {
  46.     opacity: 1 !important;
  47.   }
  48.   .r-1i6wzkk {
  49.     transition-property: unset !important;
  50.   }
  51.   `;
  52.  
  53.   if (typeof GM_addStyle != 'undefined') {
  54.     GM_addStyle(css);
  55.   } else if (typeof PRO_addStyle != 'undefined') {
  56.     PRO_addStyle(css);
  57.   } else if (typeof addStyle != 'undefined') {
  58.     addStyle(css);
  59.   } else {
  60.     var node = document.createElement('style');
  61.     node.type = 'text/css';
  62.     node.appendChild(document.createTextNode(css));
  63.     document.documentElement.appendChild(node);
  64.   }
  65. })();