☰

Tweetdeck: Retro Dark Mode

Makes the Tweetdeck dark mode more like the pre-Feburary 2018 design.

  1. // ==UserScript==
  2. // @name         Tweetdeck: Retro Dark Mode
  3. // @version      1.53
  4. // @description  Makes the Tweetdeck dark mode more like the pre-Feburary 2018 design.
  5. // @author       Felix G. "Automalix"
  6. // @namespace    https://greasyfork.org/en/users/322117
  7. // @match        http://tweetdeck.twitter.com/*
  8. // @match        https://tweetdeck.twitter.com/*
  9. // @require      http://code.jquery.com/jquery-3.3.1.min.js
  10. // @run-at       document-start
  11. // ==/UserScript==
  12.  
  13. function addGlobalStyle(css) {
  14.     var head, style;
  15.     head = document.getElementsByTagName('head')[0];
  16.     if (!head) { return; }
  17.     style = document.createElement('style');
  18.     style.type = 'text/css';
  19.     style.innerHTML = css;
  20.     head.appendChild(style);
  21. }
  22. //don't mind the horrible formatting
  23. addGlobalStyle('html.dark .color-twitter-blue {color:#7ccbff !important;}'
  24.                +'html.dark .attach-compose-buttons .tweet-button {background-color:#485865 !important;}'
  25.                +'html.dark .bg-color-twitter-midnight-dark-gray {background-color:#222426 !important;}'
  26.                +'html.dark .accounts-drawer {background:#222426 !important;}'
  27.                +'html.dark .account-remove-check {background:#222426 !important;}'
  28.                +'html.dark .column {background-color:#222426 !important;}'
  29.                +'html.dark .column-panel {background:#222426 !important;}'
  30.                +'html.dark .column-nav:after {background-color:#222426;border-color:#14171a !important;}'
  31.                +'html.dark .column-background-fill {background-color:#222426 !important;}'
  32.                +'html.dark .location-form .typeahead-dropdown {background:#222426 !important;}'
  33.                +'html.dark .column-type-scheduled {background-color:#222426 !important;}'
  34.                +'html.dark .column-header, html.dark .column-header-temp {background-color:#292f33 !important;}'
  35.                +'html.dark .column-message {background-color:#222426 !important;}'
  36.                +'html.dark .edit-conversation-name {background-color:#222426 !important;}'
  37.                +'html.dark .column-options {background-color:#292f33 !important;}'
  38.                +'html.dark .column-options .button-tray {background-color:#292f33 !important;}'
  39.                +'html.dark .stream-item {background-color:#222426 !important;}'
  40.                +'html.dark .tweet-detail-wrapper {background:#222426 !important;}'
  41.                +'html.dark .conversation-event {background-color:#222426 !important;}'
  42.                +'html.dark .add-participant {background-color:#222426 !important;}'
  43.                +'html.dark .accordion-divider-t {border-top:1px solid #222426 !important;}'
  44.                +'html.dark .facet-type {position:relative;border-bottom:1px solid #222426} !important;}'
  45.                +'html.dark .facet-type-thumb-size {border-top:1px solid #222426 !important;}'
  46.                +'html.dark .facet-type.is-active {background-color:#222426 !important;}'
  47.                +'html.dark .numbered-badge-onheader{border:2px solid #222426 !important;}'
  48.                +'html.dark .dataminr{background-color:#222426 !important;}'
  49.                +'html.dark .mdl{background-color:#222426 !important;}'
  50.                +'html.dark .detail-view-inline{background-color:#222426 !important;}'
  51.                +'html.dark .embed-modal .mdl-content{height:auto;border:none;background:#222426 !important;}'
  52.                +'html.dark .keyboard-shortcut-list-modal .mdl-content{background:#222426 !important;}'
  53.                +'html.dark .prf-meta{background:#222426 !important;}'
  54.                +'html.dark .scroll-conversation{background:#181a1c !important;}'
  55.                +'html.dark .dark-border{border:1px solid #444448 !important;}'
  56.                +'html.dark .bg-color-twitter-midnight-darkest-gray {background-color:#181a1c !important;}');
  57. addGlobalStyle('html.dark .btn-on-dark:focus,html.dark input[type=button].btn-on-dark:hover'
  58.                     +'{background-color:#444448 !important;}');
  59. addGlobalStyle('html.dark button.btn-on-dark:focus, html.dark input[type=button].btn-on-dark:focus'
  60.                     +'{box-shadow:0 0 0 2px #444448 !important;}');
  61. addGlobalStyle('html.dark .column-nav .nav-item button:hover {background-color:#444448 !important;}');
  62. addGlobalStyle('html.dark .column-title-edit-box {background-color:#444448 !important;}');
  63. addGlobalStyle('html.dark .edit-conversation-name input {background-color:#181a1c !important;}');
  64. addGlobalStyle('html.dark .gap-chirp {background-color:#444448 !important;}');
  65. addGlobalStyle('html.dark .media-badge {border:1px solid #444448 !important;}');
  66. addGlobalStyle('html.dark .app-columns-container,html.dark .app-content {background-color:#181a1c !important;}');
  67. addGlobalStyle('html.dark .app-nav-tab.is-selected {background:#444448 !important;}');
  68. addGlobalStyle('html.dark .app-search-fake,html.dark .app-search-input {background-color:#3a3d42 !important;}');
  69. addGlobalStyle('html.dark .app-search-fake {color:#777777;border:1px solid #3a3d42 !important;}');
  70. addGlobalStyle('html.dark .dataminr-separator {border-bottom:2px solid #444448 !important;}');
  71. addGlobalStyle('html.dark .dataminr-external-link {background-color:#444448 !important;}');
  72. addGlobalStyle('html.dark .search-tip-item-hover:hover {background:#444448 !important;}');
  73. addGlobalStyle('html.dark .InputGroup input {background-color:#444448 !important;}');
  74. addGlobalStyle('html.dark .InputGroup button {border:none;background-color:#444448 !important;}');
  75. addGlobalStyle('html.dark .InputGroup button:hover {background-color:#444448 !important;}');
  76. addGlobalStyle('html.dark .mdl-accent {background:#222426 !important;}');
  77. addGlobalStyle('html.dark .detail-view-inline-text {background-color:#222426 !important;}');
  78. addGlobalStyle('html.dark .text-like-keyboard-key {background-color:#e1e8ed;color:#10171e !important;}');
  79. addGlobalStyle('html.dark .list-account:hover,html.dark .list-link:hover,html.dark .list-listaccount:hover,html.dark .list-listmember:hover,'
  80.                +'html.dark .list-subtitle:hover,html.dark .list-twitter-list:hover'
  81.                     +'{background:#222426 !important;}');
  82. addGlobalStyle('html.dark .list-account:hover:active,html.dark .list-account:hover:focus,html.dark .list-account:hover:hover,'
  83.                +'html.dark .list-link:hover:active,html.dark .list-link:hover:focus,html.dark .list-link:hover:hover,'
  84.                +'html.dark .list-listaccount:hover:active,html.dark .list-listaccount:hover:focus,html.dark .list-listaccount:hover:hover,'
  85.                +'html.dark .list-listmember:hover:active,html.dark .list-listmember:hover:focus,html.dark .list-listmember:hover:hover,'
  86.                +'html.dark .list-subtitle:hover:active,html.dark .list-subtitle:hover:focus,html.dark .list-subtitle:hover:hover,'
  87.                +'html.dark .list-twitter-list:hover:active,html.dark .list-twitter-list:hover:focus,html.dark .list-twitter-list:hover:hover'
  88.                     +'{background:#222426 !important;}');
  89. addGlobalStyle('html.dark input,html.dark select,html.dark textarea {display:inline-block; font-size:13px; line-height:18px; background:#222426 !important;}');
  90. addGlobalStyle('html.dark input:disabled {background-color:#222426 !important;}');
  91. addGlobalStyle('html.dark select:disabled {background-color:#222426 !important;}');
  92. addGlobalStyle('html.dark .popover {background-color:#292f33;box-shadow:0 0 10px #1e2326 !important;}');
  93. addGlobalStyle('html.dark .column-header-link {color:#8299a6}');
  94. addGlobalStyle('html.dark .compose {background-color:#485865 !important;}');
  95. addGlobalStyle('html.dark .app-header {background-color:#292f33 !important;}');
  96. addGlobalStyle('html.dark .column-navigator {background-color:#292f33 !important;}');
  97. addGlobalStyle('html.dark .js-int-scroller {background-color:#292f33 !important;}');
  98. addGlobalStyle('html.dark .popover {background-color:#292f33 !important;}');
  99. addGlobalStyle('html.dark .mdl-column-med{background:#292f33 !important;}');
  100. addGlobalStyle('html.dark .mdl-lighter-on-dark{background-color:#292f33 !important;}');
  101. addGlobalStyle('html.dark .is-dataminr-tweet{background-color:#292f33 !important;}');
  102. addGlobalStyle('html.dark .numbered-badge-onnav{border:2px solid #292f33 !important;}');
  103. addGlobalStyle('html.dark .join-team{background:#292f33 !important;}');
  104. addGlobalStyle('html.dark .app-navigator{background-color:#292f33 !important;}');
  105. addGlobalStyle('html.dark .app-nav-link{font-size:18px;color:#8899A6 !important;}');
  106. addGlobalStyle('html.dark .app-nav-link:hover{font-size:18px;color:#b7c1c9 !important;}');
  107. addGlobalStyle('html.dark .app-title{background-color:#292f33 !important;}');
  108. addGlobalStyle('html.dark .app-header{background-color:#292f33 !important;}');
  109. addGlobalStyle('html.dark .social-proof-for-tweet-title{background-color:#292f33 !important;}');
  110. addGlobalStyle('html.dark .column-detail .is-selected-tweet{background:#292f33 !important;}');
  111. addGlobalStyle('html.dark .is-selected-tweet{background:#292f33 !important;}');
  112. addGlobalStyle('html.dark .search-results-container .stream-item{background-color:#292f33 !important;}');
  113. addGlobalStyle('html.dark .contributor-row[data-state=confirmRemove-removing]{background-color:#292f33 !important;}');
  114. addGlobalStyle('html.dark .contributor-row[data-state=confirmRemove-removing],html.dark .contributor-row[data-state=confirmRemove]'
  115.                     +'{background-color:#292f33 !important;}');
  116. addGlobalStyle('html.dark .contributor-row[data-state=confirmAdd-added] [data-hide-when-state~=confirmAdd-added] {display:none}'
  117.                +'html.dark .contributor-row[data-state=confirmDeadmin] {background-color:#292f33 !important;}');
  118. addGlobalStyle('html.dark .contributor-row[data-state=confirmAdd-added] {background-color:#292f33 !important;}');
  119. addGlobalStyle('html.dark .contributor-row[data-state=confirmAdd] {background-color:#292f33} !important;}');
  120. addGlobalStyle('html.dark .contributor-row[data-state=settings] {background-color:#292f33 !important;}');
  121. addGlobalStyle('html.dark .column-nav {background-color:#292f33 !important;}');
  122. addGlobalStyle('html.dark .manage-team-summary {background:#292f33 !important;}');
  123. addGlobalStyle('html.dark .account-settings-row {background:#292f33 !important;}');
  124. addGlobalStyle('html.dark .is-loading {background-color:#292f33 !important;}');
  125. //addGlobalStyle('html.dark body:before {background-image:radial-gradient(circle,#82bbdd,#292f33 !important;}');
  126. addGlobalStyle('.column-nav-item {color:#f5f8fa;background-color:#292f33 !important;}');
  127. addGlobalStyle('.numbered-badge-onnav {border:2px solid #292f33; !important;}');
  128. addGlobalStyle('.app-navigator {background-color:#292f33 !important;}');
  129. addGlobalStyle('.app-title {background-color:#292f33 !important;}');
  130. addGlobalStyle('.app-header {background-color:#292f33 !important;}');
  131. addGlobalStyle('html.dark .app-nav-tab {color:#8899A6 !important;}');
  132. addGlobalStyle('html.dark .app-nav-tab:hover {color:#b7c1c9 !important;}');
  133. addGlobalStyle('.overlay-opaque {background-color:#485865 !important;}');
  134. addGlobalStyle('html.dark .Button.btn-fav.s-favorited:focus, html.dark .Button.Button--primary.is-focus,'
  135.                +'html.dark .Button.Button--primary:focus, html.dark .Button.is-focus.btn-fav.s-favorited,'
  136.                +'html.dark .ButtonGroup--primary > .Button.is-focus, html.dark .ButtonGroup--primary > .Button:focus,'
  137.                +'html.dark .ButtonGroup--primary > .ButtonGroup > .Button.is-focus, html.dark .ButtonGroup--primary > .ButtonGroup > .Button:focus,'
  138.                +'html.dark .ButtonGroup--primary > .ButtonGroup > button.is-focus, html.dark .ButtonGroup--primary > .ButtonGroup > button:focus,'
  139.                +'html.dark .ButtonGroup--primary > .ButtonGroup > input.is-focus[type="button"],'
  140.                +'html.dark .ButtonGroup--primary > .ButtonGroup > input:focus[type="button"],'
  141.                +'html.dark .ButtonGroup--primary > button.is-focus, html.dark .ButtonGroup--primary > button:focus,'
  142.                +'html.dark .ButtonGroup--primary > input.is-focus[type="button"], html.dark .ButtonGroup--primary > input:focus[type="button"],'
  143.                +'html.dark .s-following .follow-btn:hover .Button.following-text:focus, html.dark .s-following .follow-btn:hover .Button.is-focus.following-text,'
  144.                +'html.dark .s-following .follow-btn:hover button.following-text:focus, html.dark .s-following .follow-btn:hover button.is-focus.following-text,'
  145.                +'html.dark .s-following .follow-btn:hover input.following-text:focus[type="button"],'
  146.                +'html.dark .s-following .follow-btn:hover input.is-focus.following-text[type="button"],'
  147.                +'html.dark button.btn-fav.s-favorited:focus, html.dark button.Button--primary.is-focus,'
  148.                +'html.dark button.Button--primary:focus, html.dark button.is-focus.btn-fav.s-favorited,'
  149.                +'html.dark input.btn-fav.s-favorited:focus[type="button"], html.dark input.Button--primary.is-focus[type="button"],'
  150.                +'html.dark input.Button--primary:focus[type="button"], html.dark input.is-focus.btn-fav.s-favorited[type="button"]'
  151.                     +'{background:#51aeee;border:1px solid #51aeee}');
  152. addGlobalStyle('html.dark a {color:#7ccbff}');
  153. //addGlobalStyle('a:active,a:focus,a:hover {color:#83ccff !important}');
  154. addGlobalStyle('.link-hover-override:hover .link-hover-target{color:#7ccbff}');
  155. addGlobalStyle('html.dark .other-replies-link, html.dark .other-replies-link:hover {color:#7ccbff !important;}');
  156. addGlobalStyle('html.dark .link-complex:active .link-complex-target, html.dark .link-complex:focus .link-complex-target,'
  157.                +'html.dark .link-complex:hover .link-complex-target'
  158.                     +'{color:#7ccbff !important;}');
  159. //button colour style?
  160. addGlobalStyle('html.dark .Button.btn-fav.s-favorited, html.dark .Button.btn-fav.s-favorited:visited, html.dark .Button.Button--primary,'
  161.                +'html.dark .Button.Button--primary:visited, html.dark .ButtonGroup--primary > .Button, html.dark .ButtonGroup--primary > .Button:visited,'
  162.                +'html.dark .ButtonGroup--primary > .ButtonGroup > .Button, html.dark .ButtonGroup--primary > .ButtonGroup > .Button:visited,'
  163.                +'html.dark .ButtonGroup--primary > .ButtonGroup > button, html.dark .ButtonGroup--primary > .ButtonGroup > button:visited,'
  164.                +'html.dark .ButtonGroup--primary > .ButtonGroup > input:visited[type="button"], html.dark .ButtonGroup--primary > .ButtonGroup > input[type="button"],'
  165.                +'html.dark .ButtonGroup--primary > button, html.dark .ButtonGroup--primary > button:visited,'
  166.                +'html.dark .ButtonGroup--primary > input:visited[type="button"], html.dark .ButtonGroup--primary > input[type="button"],'
  167.                +'html.dark .s-following .follow-btn:hover .Button.following-text, html.dark .s-following .follow-btn:hover .Button.following-text:visited,'
  168.                +'html.dark .s-following .follow-btn:hover button.following-text, html.dark .s-following .follow-btn:hover button.following-text:visited,'
  169.                +'html.dark .s-following .follow-btn:hover input.following-text:visited[type="button"],'
  170.                +'html.dark .s-following .follow-btn:hover input.following-text[type="button"], html.dark button.btn-fav.s-favorited,'
  171.                +'html.dark button.btn-fav.s-favorited:visited, html.dark button.Button--primary,'
  172.                +'html.dark button.Button--primary:visited, html.dark input.btn-fav.s-favorited:visited[type="button"],'
  173.                +'html.dark input.btn-fav.s-favorited[type="button"], html.dark input.Button--primary:visited[type="button"],'
  174.                +'html.dark input.Button--primary[type="button"]{background-color:#51aeee; border:1px solid #51aeee}');
  175. addGlobalStyle('.bg-color-twitter-deep-blue {background-color:#51aeee !important;}');
  176. //button hover?
  177. addGlobalStyle('.Button.btn-fav.s-favorited:hover,.Button.Button--primary.is-hover,.Button.Button--primary:hover,.Button.is-hover.btn-fav.s-favorited,'
  178.                +'.ButtonGroup--primary>.Button.is-hover,.ButtonGroup--primary>.Button:hover,.ButtonGroup--primary>.ButtonGroup>.Button.is-hover,'
  179.                +'.ButtonGroup--primary>.ButtonGroup>.Button:hover,.ButtonGroup--primary>.ButtonGroup>button.is-hover,'
  180.                +'.ButtonGroup--primary>.ButtonGroup>button:hover,.ButtonGroup--primary>.ButtonGroup>input.is-hover[type=button],'
  181.                +'.ButtonGroup--primary>.ButtonGroup>input:hover[type=button],.ButtonGroup--primary>button.is-hover,.ButtonGroup--primary>button:hover,'
  182.                +'.ButtonGroup--primary>input.is-hover[type=button],.ButtonGroup--primary>input:hover[type=button],'
  183.                +'.s-following .follow-btn:hover .Button.following-text:hover,.s-following .follow-btn:hover .Button.is-hover.following-text,'
  184.                +'.s-following .follow-btn:hover button.following-text:hover,.s-following .follow-btn:hover button.is-hover.following-text,'
  185.                +'.s-following .follow-btn:hover input.following-text:hover[type=button],'
  186.                +'.s-following .follow-btn:hover input.is-hover.following-text[type=button],button.btn-fav.s-favorited:hover,'
  187.                +'button.Button--primary.is-hover,button.Button--primary:hover,button.is-hover.btn-fav.s-favorited,'
  188.                +'input.btn-fav.s-favorited:hover[type=button],input.Button--primary.is-hover[type=button],input.Button--primary:hover[type=button],'
  189.                +'input.is-hover.btn-fav.s-favorited[type=button]'
  190.                     +'{background-color:#408bbe !important;border-color:#408bbe !important}'
  191.  
  192.                // buttons without a filled in background
  193.                +'.js-back.btn.btn-on-dark.btn-back, .js-action-profile.action-text.thats-you-text.btn-on-dark {color: #51aeee !important}'
  194.                +'.js-back.btn.btn-on-dark.btn-back, .js-action-profile.action-text.thats-you-text.btn-on-dark {border: 1px solid #51aeee !important}'
  195.                +'.js-back.btn.btn-on-dark.btn-back:hover'
  196.                     +'{background-color:#3b4146 !important;}');
  197. addGlobalStyle('.Button.btn-fav.s-favorited:active,.Button.Button--primary.is-active,.Button.Button--primary:active,.Button.is-active.btn-fav.s-favorited,'
  198.                +'.ButtonGroup--primary>.Button.is-active,.ButtonGroup--primary>.Button:active,.ButtonGroup--primary>.ButtonGroup>.Button.is-active,'
  199.                +'.ButtonGroup--primary>.ButtonGroup>.Button:active,.ButtonGroup--primary>.ButtonGroup>button.is-active,.ButtonGroup--primary>.ButtonGroup>button:active,'
  200.                +'.ButtonGroup--primary>.ButtonGroup>input.is-active[type=button],.ButtonGroup--primary>.ButtonGroup>input:active[type=button],'
  201.                +'.ButtonGroup--primary>button.is-active,.ButtonGroup--primary>button:active,.ButtonGroup--primary>input.is-active[type=button],'
  202.                +'.ButtonGroup--primary>input:active[type=button],.s-following .follow-btn:hover .Button.following-text:active,'
  203.                +'.s-following .follow-btn:hover .Button.is-active.following-text,.s-following .follow-btn:hover button.following-text:active,'
  204.                +'.s-following .follow-btn:hover button.is-active.following-text,.s-following .follow-btn:hover input.following-text:active[type=button],'
  205.                +'.s-following .follow-btn:hover input.is-active.following-text[type=button],button.btn-fav.s-favorited:active,button.Button--primary.is-active,'
  206.                +'button.Button--primary:active,button.is-active.btn-fav.s-favorited,input.btn-fav.s-favorited:active[type=button],'
  207.                +'input.Button--primary.is-active[type=button],input.Button--primary:active[type=button],'
  208.                +'input.is-active.btn-fav.s-favorited[type=button]'
  209.                     +'{box-shadow:0 0 0 2px #fff,0 0 0 4px #408bbe;background-color:#408bbe !important;border-color:#408bbe !important}');
  210. addGlobalStyle('.link-complex:hover {color:#7ccbff !important;}');
  211. addGlobalStyle('.url-ext:hover {color:#7ccbff !important;}');
  212. addGlobalStyle('.column-number {color:#f5f8fa !important;}');
  213. addGlobalStyle('html.dark .stream-item {border-bottom: 1px solid #30383d !important;}');
  214. addGlobalStyle('html.dark .Button.btn-fav.s-favorited[disabled], html.dark .Button.Button--primary.is-disabled, html.dark .Button.Button--primary[disabled],'
  215.                +'html.dark .Button.is-disabled.btn-fav.s-favorited, html.dark .ButtonGroup--primary > .Button.is-disabled,'
  216.                +'html.dark .ButtonGroup--primary > .Button[disabled], html.dark .ButtonGroup--primary > .ButtonGroup > .Button.is-disabled,'
  217.                +'html.dark .ButtonGroup--primary > .ButtonGroup > .Button[disabled], html.dark .ButtonGroup--primary > .ButtonGroup > button.is-disabled,'
  218.                +'html.dark .ButtonGroup--primary > .ButtonGroup > button.is-disabled:focus, html.dark .ButtonGroup--primary > .ButtonGroup > button[disabled],'
  219.                +'html.dark .ButtonGroup--primary > .ButtonGroup > input.is-disabled[type="button"],'
  220.                +'html.dark .ButtonGroup--primary > .ButtonGroup > input.is-disabled[type="button"]:focus,'
  221.                +'html.dark .ButtonGroup--primary > .ButtonGroup > input[disabled][type="button"], html.dark .ButtonGroup--primary > button.is-disabled,'
  222.                +'html.dark .ButtonGroup--primary > button.is-disabled:focus, html.dark .ButtonGroup--primary > button[disabled],'
  223.                +'html.dark .ButtonGroup--primary > input.is-disabled[type="button"], html.dark .ButtonGroup--primary > input.is-disabled[type="button"]:focus,'
  224.                +'html.dark .ButtonGroup--primary > input[disabled][type="button"], html.dark .follow-btn.is-disabled .ButtonGroup--primary > .ButtonGroup > button,'
  225.                +'html.dark .follow-btn.is-disabled .ButtonGroup--primary > button,'
  226.                +'html.dark .follow-btn.is-disabled .s-following .follow-btn:hover button.following-text, html.dark .follow-btn.is-disabled button.btn-fav.s-favorited,'
  227.                +'html.dark .follow-btn.is-disabled button.Button--primary, html.dark .s-following .follow-btn:hover .Button.following-text[disabled],'
  228.                +'html.dark .s-following .follow-btn:hover .Button.is-disabled.following-text,'
  229.                +'html.dark .s-following .follow-btn:hover .follow-btn.is-disabled button.following-text,'
  230.                +'html.dark .s-following .follow-btn:hover button.following-text[disabled],'
  231.                +'html.dark .s-following .follow-btn:hover button.is-disabled.following-text,'
  232.                +'html.dark .s-following .follow-btn:hover button.is-disabled.following-text:focus,'
  233.                +'html.dark .s-following .follow-btn:hover fieldset[disabled] .Button.following-text,'
  234.                +'html.dark .s-following .follow-btn:hover fieldset[disabled] button.following-text,'
  235.                +'html.dark .s-following .follow-btn:hover fieldset[disabled] input.following-text[type="button"],'
  236.                +'html.dark .s-following .follow-btn:hover input.following-text[disabled][type="button"],'
  237.                +'html.dark .s-following .follow-btn:hover input.is-disabled.following-text[type="button"],'
  238.                +'html.dark .s-following .follow-btn:hover input.is-disabled.following-text[type="button"]:focus,'
  239.                +'html.dark button.btn-fav.s-favorited[disabled], html.dark button.Button--primary.is-disabled,'
  240.                +'html.dark button.Button--primary.is-disabled:focus, html.dark button.Button--primary[disabled],'
  241.                +'html.dark button.is-disabled.btn-fav.s-favorited, html.dark button.is-disabled.btn-fav.s-favorited:focus,'
  242.                +'html.dark fieldset[disabled] .Button.btn-fav.s-favorited, html.dark fieldset[disabled] .Button.Button--primary,'
  243.                +'html.dark fieldset[disabled] .ButtonGroup--primary > .Button, html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > .Button,'
  244.                +'html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > button,'
  245.                +'html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > input[type="button"],'
  246.                +'html.dark fieldset[disabled] .ButtonGroup--primary > button, html.dark fieldset[disabled] .ButtonGroup--primary > input[type="button"],'
  247.                +'html.dark fieldset[disabled] .s-following .follow-btn:hover .Button.following-text,'
  248.                +'html.dark fieldset[disabled] .s-following .follow-btn:hover button.following-text,'
  249.                +'html.dark fieldset[disabled] .s-following .follow-btn:hover input.following-text[type="button"],'
  250.                +'html.dark fieldset[disabled] button.btn-fav.s-favorited, html.dark fieldset[disabled] button.Button--primary,'
  251.                +'html.dark fieldset[disabled] input.btn-fav.s-favorited[type="button"], html.dark fieldset[disabled] input.Button--primary[type="button"],'
  252.                +'html.dark input.btn-fav.s-favorited[disabled][type="button"], html.dark input.Button--primary.is-disabled[type="button"],'
  253.                +'html.dark input.Button--primary.is-disabled[type="button"]:focus, html.dark input.Button--primary[disabled][type="button"],'
  254.                +'html.dark input.is-disabled.btn-fav.s-favorited[type="button"], html.dark input.is-disabled.btn-fav.s-favorited[type="button"]:focus'
  255.                     +'{color:#FFF !important;}');
  256. addGlobalStyle('html.dark .tweet-stats {border-top: 1px solid #30383d !important;}');
  257. addGlobalStyle('html.dark .tweet-detail-actions {border-top: 1px solid #30383d !important;}');
  258. addGlobalStyle('html.dark .thread {background-color:#444448 !important;}');
  259. addGlobalStyle('.Token--blue.is-selected:hover,.Token.is-selected:hover {background-color:#ff0000;border-color:#ff0000 !important;}');
  260. addGlobalStyle('html.dark .bg-color-twitter-deep-blue {background-color:#ff0000 !important;}');
  261. addGlobalStyle('html.dark .Button.btn-fav.s-favorited:hover,html.dark .Button.Button--primary.is-hover,html.dark .Button.Button--primary:hover,'
  262.                +'html.dark .Button.is-hover.btn-fav.s-favorited,html.dark .ButtonGroup--primary>.Button.is-hover,'
  263.                +'html.dark .ButtonGroup--primary>.Button:hover,html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-hover,'
  264.                +'html.dark .ButtonGroup--primary>.ButtonGroup>.Button:hover,html.dark .ButtonGroup--primary>.ButtonGroup>button.is-hover,'
  265.                +'html.dark .ButtonGroup--primary>.ButtonGroup>button:hover,html.dark .ButtonGroup--primary>.ButtonGroup>input.is-hover[type=button],'
  266.                +'html.dark .ButtonGroup--primary>.ButtonGroup>input:hover[type=button],html.dark .ButtonGroup--primary>button.is-hover,'
  267.                +'html.dark .ButtonGroup--primary>button:hover,html.dark .ButtonGroup--primary>input.is-hover[type=button],'
  268.                +'html.dark .ButtonGroup--primary>input:hover[type=button],html.dark .s-following .follow-btn:hover .Button.following-text:hover,'
  269.                +'html.dark .s-following .follow-btn:hover .Button.is-hover.following-text,html.dark .s-following .follow-btn:hover button.following-text:hover,'
  270.                +'html.dark .s-following .follow-btn:hover button.is-hover.following-text,'
  271.                +'html.dark .s-following .follow-btn:hover input.following-text:hover[type=button],'
  272.                +'html.dark .s-following .follow-btn:hover input.is-hover.following-text[type=button],'
  273.                +'html.dark button.btn-fav.s-favorited:hover,html.dark button.Button--primary.is-hover,'
  274.                +'html.dark button.Button--primary:hover,html.dark button.is-hover.btn-fav.s-favorited,'
  275.                +'html.dark input.btn-fav.s-favorited:hover[type=button],html.dark input.Button--primary.is-hover[type=button],'
  276.                +'html.dark input.Button--primary:hover[type=button],html.dark input.is-hover.btn-fav.s-favorited[type=button]'
  277.                     +'{background-color:#4ba2dd;border-color:#4ba2dd !important;}');
  278. addGlobalStyle('html.dark .icon.icon-arrow-l::before{color:#aab8c2 !important;}');
  279. addGlobalStyle('html.dark .icon.icon-arrow-r::before{color:#aab8c2 !important;}');
  280. addGlobalStyle('html.dark .fullname.link-complex-target {color:#FFF !important;}');
  281. addGlobalStyle('html.dark .prf-stats li + li a{border-left: 1px solid #30363b !important;}');
  282. addGlobalStyle('html.dark .prf .lst-profile a{border-right: 1px solid #30363b !important;}');
  283. addGlobalStyle('html.dark .prf-stats a{color:#b6c3cc !important;}');
  284. addGlobalStyle('html.dark .prf-stats a strong{color:#b6c3cc !important;}');
  285. addGlobalStyle('.btn-on-dark:focus, html.dark input[type="button"].btn-on-dark:hover{color:#242426 !important;}');
  286. addGlobalStyle('html.dark .prf-stats a:hover{color:#6f8089 !important;}');
  287. addGlobalStyle('html.dark .prf-stats a:hover strong{color:#6f8089 !important;}');
  288. addGlobalStyle('html.dark .prf .lst-profile a:hover{color:#6f8089 !important;}');
  289. addGlobalStyle('html.dark .js-tooltip-target.link-complex-target {color:#e1e8ed !important;}');
  290. addGlobalStyle('html.dark .btn-on-blue:focus {background-color:#7c8f9b !important;}');
  291. addGlobalStyle('html.dark .btn-on-blue:hover {background-color:#85a6bc !important;}');
  292. addGlobalStyle('html.dark .btn-on-blue {background-color: #66757f !important;}');
  293. addGlobalStyle('html.dark .icon.icon-retweet-filled.icon-small-context.icon-retweet-color.txt-size--16::before'
  294.                     +'{color:#00cb86 !important;}');
  295. addGlobalStyle('html.dark js-send-button.js-spinner-button.js-show-tip.Button--primary.btn-extra-height.padding-v--6.padding-h--12.is-disabled'
  296.                     +'{color:#51aeee; border-color:#51aeee !important;}');
  297. addGlobalStyle('html.dark .Button.btn-fav.s-favorited[disabled], html.dark .Button.Button--primary.is-disabled,'
  298.                +'html.dark .Button.Button--primary[disabled], html.dark .Button.is-disabled.btn-fav.s-favorited,'
  299.                +'html.dark .ButtonGroup--primary > .Button.is-disabled, html.dark .ButtonGroup--primary > .Button[disabled],'
  300.                +'html.dark .ButtonGroup--primary > .ButtonGroup > .Button.is-disabled, html.dark .ButtonGroup--primary > .ButtonGroup > .Button[disabled],'
  301.                +'html.dark .ButtonGroup--primary > .ButtonGroup > button.is-disabled,'
  302.                +'html.dark .ButtonGroup--primary > .ButtonGroup > button.is-disabled:focus,'
  303.                +'html.dark .ButtonGroup--primary > .ButtonGroup > button[disabled],'
  304.                +'html.dark .ButtonGroup--primary > .ButtonGroup > input.is-disabled[type="button"],'
  305.                +'html.dark .ButtonGroup--primary > .ButtonGroup > input.is-disabled[type="button"]:focus,'
  306.                +'html.dark .ButtonGroup--primary > .ButtonGroup > input[disabled][type="button"],'
  307.                +'html.dark .ButtonGroup--primary > button.is-disabled, html.dark .ButtonGroup--primary > button.is-disabled:focus,'
  308.                +'html.dark .ButtonGroup--primary > button[disabled], html.dark .ButtonGroup--primary > input.is-disabled[type="button"],'
  309.                +'html.dark .ButtonGroup--primary > input.is-disabled[type="button"]:focus,'
  310.                +'html.dark .ButtonGroup--primary > input[disabled][type="button"],'
  311.                +'html.dark .follow-btn.is-disabled .ButtonGroup--primary > .ButtonGroup > button,'
  312.                +'html.dark .follow-btn.is-disabled .ButtonGroup--primary > button,'
  313.                +'html.dark .follow-btn.is-disabled .s-following .follow-btn:hover button.following-text,'
  314.                +'html.dark .follow-btn.is-disabled button.btn-fav.s-favorited, html.dark .follow-btn.is-disabled button.Button--primary,'
  315.                +'html.dark .s-following .follow-btn:hover .Button.following-text[disabled],'
  316.                +'html.dark .s-following .follow-btn:hover .Button.is-disabled.following-text,'
  317.                +'html.dark .s-following .follow-btn:hover .follow-btn.is-disabled button.following-text,'
  318.                +'html.dark .s-following .follow-btn:hover button.following-text[disabled],'
  319.                +'html.dark .s-following .follow-btn:hover button.is-disabled.following-text,'
  320.                +'html.dark .s-following .follow-btn:hover button.is-disabled.following-text:focus,'
  321.                +'html.dark .s-following .follow-btn:hover fieldset[disabled] .Button.following-text,'
  322.                +'html.dark .s-following .follow-btn:hover fieldset[disabled] button.following-text,'
  323.                +'html.dark .s-following .follow-btn:hover fieldset[disabled] input.following-text[type="button"],'
  324.                +'html.dark .s-following .follow-btn:hover input.following-text[disabled][type="button"],'
  325.                +'html.dark .s-following .follow-btn:hover input.is-disabled.following-text[type="button"],'
  326.                +'html.dark .s-following .follow-btn:hover input.is-disabled.following-text[type="button"]:focus,'
  327.                +'html.dark button.btn-fav.s-favorited[disabled], html.dark button.Button--primary.is-disabled,'
  328.                +'html.dark button.Button--primary.is-disabled:focus, html.dark button.Button--primary[disabled],'
  329.                +'html.dark button.is-disabled.btn-fav.s-favorited, html.dark button.is-disabled.btn-fav.s-favorited:focus,'
  330.                +'html.dark fieldset[disabled] .Button.btn-fav.s-favorited, html.dark fieldset[disabled] .Button.Button--primary,'
  331.                +'html.dark fieldset[disabled] .ButtonGroup--primary > .Button, html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > .Button,'
  332.                +'html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > button,'
  333.                +'html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > input[type="button"],'
  334.                +'html.dark fieldset[disabled] .ButtonGroup--primary > button, html.dark fieldset[disabled] .ButtonGroup--primary > input[type="button"],'
  335.                +'html.dark fieldset[disabled] .s-following .follow-btn:hover .Button.following-text,'
  336.                +'html.dark fieldset[disabled] .s-following .follow-btn:hover button.following-text,'
  337.                +'html.dark fieldset[disabled] .s-following .follow-btn:hover input.following-text[type="button"],'
  338.                +'html.dark fieldset[disabled] button.btn-fav.s-favorited, html.dark fieldset[disabled] button.Button--primary,'
  339.                +'html.dark fieldset[disabled] input.btn-fav.s-favorited[type="button"], html.dark fieldset[disabled] input.Button--primary[type="button"],'
  340.                +'html.dark input.btn-fav.s-favorited[disabled][type="button"], html.dark input.Button--primary.is-disabled[type="button"],'
  341.                +'html.dark input.Button--primary.is-disabled[type="button"]:focus, html.dark input.Button--primary[disabled][type="button"],'
  342.                +'html.dark input.is-disabled.btn-fav.s-favorited[type="button"],'
  343.                +'html.dark input.is-disabled.btn-fav.s-favorited[type="button"]:focus'
  344.                     +'{background-color:#51aeee;border-color:#51aeee !important;}');
  345. addGlobalStyle('html.dark action-text follow-text btn-on-dark{color:#51aeee;border-color:#51aeee !important;}');
  346. addGlobalStyle('html.dark .action-text.follow-text.btn-on-dark:hover {background:#2c2f33 !important;}');
  347. addGlobalStyle('html.dark .js-user-actions-menu.btn.btn-round.btn-on-dark:hover {background:#2c2f33 !important;}');
  348. addGlobalStyle('html.dark .js-user-actions-menu.btn.btn-round.btn-on-dark{color:#51aeee; border-color:#51aeee !important;}');
  349. addGlobalStyle('html.dark .action-text.follow-text.btn-on-dark{border-color:#51aeee; color:#51aeee !important;}');
  350. addGlobalStyle('html.dark .is-retweet .icon-retweet-toggle{color:#00cb86 !important;}');
  351. addGlobalStyle('html.dark .pull-right .icon-retweet-toggle .margin-l--3 .margin-t--1 .txt-size--12 .js-retweet-count .retweet-count'
  352.                     +'{color:#00cb86 !important;}');
  353. addGlobalStyle('html.dark .icon-retweet-toggle:focus{color:#00cb86 !important;}');
  354. addGlobalStyle('html.dark a.js-media-gallery-prev.link-no-focus.mdl-btn-media.mdl-media-prev{background:none !important;}');
  355. addGlobalStyle('html.dark a.js-media-gallery-next.link-no-focus.mdl-btn-media.mdl-media-next{background:none !important;}');
  356. //edit profile button when you click on your own username
  357. addGlobalStyle('html.dark .js-action-profile .action-text .thats-you-text .btn-on-dark{color:#51aeee;border-color:#51aeee !important;}');
  358. addGlobalStyle('html.dark .js-action-profile.action-text.thats-you-text.btn-on-dark:hover{background-color:#2c2f33 !important;}');
  359. //bit at the bottom  of the composing menu with a checkbox that says keep open
  360. addGlobalStyle('html.dark .old-composer-footer {background-color: #485865 !important;}');
  361. //followed by [mutuals] part on the screen when you click a username
  362. addGlobalStyle('html.dark .social-proof-container {background-color: #292f33 !important;}');
  363. //scrollbar colour
  364. addGlobalStyle('html.dark .scroll-styled-h, html.dark .scroll-styled-v {scrollbar-color: #30383d transparent !important;');
  365. //loading bars
  366. addGlobalStyle('html.dark .med-embeditem {background: transparent url(https://i.imgur.com/ZRBhNiF.gif) no-repeat 50% 50%;}');
  367. addGlobalStyle('html.dark .spinner-small,html.dark .spinner-large{filter:grayscale(85%)brightness(117%)}');
  368. //when likes are turned back to favs with bettertweetdeck, uncomment to turn the text yellow instead of red
  369. /* addGlobalStyle('html.dark .dm-action:active .icon-favorite, html.dark .dm-action:active .like-count, html.dark .dm-action:focus .icon-favorite,'
  370.                +'html.dark .dm-action:focus .like-count, html.dark .dm-action:hover .icon-favorite, html.dark .dm-action:hover .like-count,'
  371.                +'html.dark .is-selected.dm-action .icon-favorite, html.dark .is-selected.dm-action .like-count,'
  372.                +'html.dark .is-selected.tweet-detail-action .icon-favorite, html.dark .is-selected.tweet-detail-action .like-count,'
  373.                +'html.dark .tweet-action.is-selected .icon-favorite, html.dark .tweet-action.is-selected .like-count,'
  374.                +'html.dark .tweet-action:active .icon-favorite, html.dark .tweet-action:active .like-count,'
  375.                +'html.dark .tweet-action:focus .icon-favorite, html.dark .tweet-action:focus .like-count, html.dark .tweet-action:hover .icon-favorite,'
  376.                +'html.dark .tweet-action:hover .like-count, html.dark .tweet-detail-action:active .icon-favorite,'
  377.                +'html.dark .tweet-detail-action:active .like-count, html.dark .tweet-detail-action:focus .icon-favorite,'
  378.                +'html.dark .tweet-detail-action:focus .like-count, html.dark .tweet-detail-action:hover .icon-favorite,'
  379.                +'html.dark .tweet-detail-action:hover .like-count'
  380.                     +'{color: #fab41e !important;}'); */
  381. //click on the three dots for the dropdown
  382. addGlobalStyle('.js-dropdown-content {background-color:#222426; color:#fff;}'
  383.                +'html.dark .dropdown-menu {background-color:#222426;}'
  384.                +'html.dark .dropdown-menu a {color:#8899a6 !important;}'
  385.                +'html.dark .dropdown-menu a:hover, html.dark .dropdown-menu a:focus {color:#FFFFFF !important;}'
  386.                +'html.dark .dropdown-menu .is-selected'
  387.                     +'{background: #4ba2dd !important}'
  388.                +'html.btd-on .btd-settings-btn .icon {color:#8899A6 !important;}'
  389.                +'html.btd-on .btd-settings-btn .icon:hover {color:#b7c1c9 !important;}'
  390.                +'html.btd-on [data-btdtheme="dark"].btd__minimal_mode .dropdown-menu, html.btd-on [data-btdtheme="dark"].btd__minimal_mode .typeahead{background-color:#222426}'
  391.                +'html.dark .caret-inner {border-bottom: 6px solid #222426 !important;}'
  392.                +'html.dark .caret-outer {border-bottom: 7px solid rgba(17,17,17, 0.58) !important;}');
  393. //when clicking on username its the following/tweets/favs/lists whatever hover colour
  394. addGlobalStyle('html.dark .prf-stats a:hover, html.dark .prf-stats a:hover strong, html.dark .prf .lst-profile a:hover i,'
  395.                +'html.dark .prf .lst-profile a:hover span'
  396.                     +'{color:#cde3f1 !important}');
  397. // the little reply icon hover colour & three dots hover colour
  398. addGlobalStyle('html.dark .dm-action:active .icon-reply, html.dark .dm-action:active .reply-count,'
  399.                +'html.dark .dm-action:focus .icon-reply, html.dark .dm-action:focus .reply-count, html.dark .dm-action:hover .icon-reply,'
  400.                +'html.dark .dm-action:hover .reply-count, html.dark .is-selected.dm-action .icon-reply, html.dark .is-selected.dm-action .reply-count,'
  401.                +'html.dark .is-selected.tweet-detail-action .icon-reply, html.dark .is-selected.tweet-detail-action .reply-count,'
  402.                +'html.dark .tweet-action.is-selected .icon-reply, html.dark .tweet-action.is-selected .reply-count, html.dark .tweet-action:active .icon-reply,'
  403.                +'html.dark .tweet-action:active .reply-count, html.dark .tweet-action:focus .icon-reply, html.dark .tweet-action:focus .reply-count,'
  404.                +'html.dark .tweet-action:hover .icon-reply, html.dark .tweet-action:hover .reply-count, html.dark .tweet-detail-action:active .icon-reply,'
  405.                +'html.dark .tweet-detail-action:active .reply-count, html.dark .tweet-detail-action:focus .icon-reply,'
  406.                +'html.dark .tweet-detail-action:focus .reply-count, html.dark .tweet-detail-action:hover .icon-reply,'
  407.                +'html.dark .tweet-detail-action:hover .reply-count'
  408.                     +'{color: #51aeee !important}');
  409. //inline reply
  410. addGlobalStyle('html.dark .inline-reply{background-color:#30383d !important;}'
  411.                +'html.dark .reply-triangle{border-bottom-color:#30383d !important;}');
  412. // Delayed function to apply to page if it decides it didn't want to do my changes the first time around
  413. $(function(){
  414.     function addGlobalStyle(css) {
  415.         var head, style;
  416.         head = document.getElementsByTagName('head')[0];
  417.         if (!head) { return; }
  418.         style = document.createElement('style');
  419.         style.type = 'text/css';
  420.         style.innerHTML = css;
  421.         head.appendChild(style);
  422.     }
  423.     //don't mind the horrible formatting
  424.     addGlobalStyle('html.dark .color-twitter-blue {color:#7ccbff !important;}'
  425.                    +'html.dark .attach-compose-buttons .tweet-button {background-color:#485865 !important;}'
  426.                    +'html.dark .bg-color-twitter-midnight-dark-gray {background-color:#222426 !important;}'
  427.                    +'html.dark .accounts-drawer {background:#222426 !important;}'
  428.                    +'html.dark .account-remove-check {background:#222426 !important;}'
  429.                    +'html.dark .column {background-color:#222426 !important;}'
  430.                    +'html.dark .column-panel {background:#222426 !important;}'
  431.                    +'html.dark .column-nav:after {background-color:#222426;border-color:#14171a !important;}'
  432.                    +'html.dark .column-background-fill {background-color:#222426 !important;}'
  433.                    +'html.dark .location-form .typeahead-dropdown {background:#222426 !important;}'
  434.                    +'html.dark .column-type-scheduled {background-color:#222426 !important;}'
  435.                    +'html.dark .column-header, html.dark .column-header-temp {background-color:#292f33 !important;}'
  436.                    +'html.dark .column-message {background-color:#222426 !important;}'
  437.                    +'html.dark .edit-conversation-name {background-color:#222426 !important;}'
  438.                    +'html.dark .column-options {background-color:#292f33 !important;}'
  439.                    +'html.dark .column-options .button-tray {background-color:#292f33 !important;}'
  440.                    +'html.dark .stream-item {background-color:#222426 !important;}'
  441.                    +'html.dark .tweet-detail-wrapper {background:#222426 !important;}'
  442.                    +'html.dark .conversation-event {background-color:#222426 !important;}'
  443.                    +'html.dark .add-participant {background-color:#222426 !important;}'
  444.                    +'html.dark .accordion-divider-t {border-top:1px solid #222426 !important;}'
  445.                    +'html.dark .facet-type {position:relative;border-bottom:1px solid #222426} !important;}'
  446.                    +'html.dark .facet-type-thumb-size {border-top:1px solid #222426 !important;}'
  447.                    +'html.dark .facet-type.is-active {background-color:#222426 !important;}'
  448.                    +'html.dark .numbered-badge-onheader{border:2px solid #222426 !important;}'
  449.                    +'html.dark .dataminr{background-color:#222426 !important;}'
  450.                    +'html.dark .mdl{background-color:#222426 !important;}'
  451.                    +'html.dark .detail-view-inline{background-color:#222426 !important;}'
  452.                    +'html.dark .embed-modal .mdl-content{height:auto;border:none;background:#222426 !important;}'
  453.                    +'html.dark .keyboard-shortcut-list-modal .mdl-content{background:#222426 !important;}'
  454.                    +'html.dark .prf-meta{background:#222426 !important;}'
  455.                    +'html.dark .scroll-conversation{background:#181a1c !important;}'
  456.                    +'html.dark .dark-border{border:1px solid #444448 !important;}'
  457.                    +'html.dark .bg-color-twitter-midnight-darkest-gray {background-color:#181a1c !important;}');
  458.     addGlobalStyle('html.dark .btn-on-dark:focus,html.dark input[type=button].btn-on-dark:hover'
  459.                    +'{background-color:#444448 !important;}');
  460.     addGlobalStyle('html.dark button.btn-on-dark:focus, html.dark input[type=button].btn-on-dark:focus'
  461.                    +'{box-shadow:0 0 0 2px #444448 !important;}');
  462.     addGlobalStyle('html.dark .column-nav .nav-item button:hover {background-color:#444448 !important;}');
  463.     addGlobalStyle('html.dark .column-title-edit-box {background-color:#444448 !important;}');
  464.     addGlobalStyle('html.dark .edit-conversation-name input {background-color:#181a1c !important;}');
  465.     addGlobalStyle('html.dark .gap-chirp {background-color:#444448 !important;}');
  466.     addGlobalStyle('html.dark .media-badge {border:1px solid #444448 !important;}');
  467.     addGlobalStyle('html.dark .app-columns-container,html.dark .app-content {background-color:#181a1c !important;}');
  468.     addGlobalStyle('html.dark .app-nav-tab.is-selected {background:#444448 !important;}');
  469.     addGlobalStyle('html.dark .app-search-fake,html.dark .app-search-input {background-color:#3a3d42 !important;}');
  470.     addGlobalStyle('html.dark .app-search-fake {color:#777777;border:1px solid #3a3d42 !important;}');
  471.     addGlobalStyle('html.dark .dataminr-separator {border-bottom:2px solid #444448 !important;}');
  472.     addGlobalStyle('html.dark .dataminr-external-link {background-color:#444448 !important;}');
  473.     addGlobalStyle('html.dark .search-tip-item-hover:hover {background:#444448 !important;}');
  474.     addGlobalStyle('html.dark .InputGroup input {background-color:#444448 !important;}');
  475.     addGlobalStyle('html.dark .InputGroup button {border:none;background-color:#444448 !important;}');
  476.     addGlobalStyle('html.dark .InputGroup button:hover {background-color:#444448 !important;}');
  477.     addGlobalStyle('html.dark .mdl-accent {background:#222426 !important;}');
  478.     addGlobalStyle('html.dark .detail-view-inline-text {background-color:#222426 !important;}');
  479.     addGlobalStyle('html.dark .text-like-keyboard-key {background-color:#e1e8ed;color:#10171e !important;}');
  480.     addGlobalStyle('html.dark .list-account:hover,html.dark .list-link:hover,html.dark .list-listaccount:hover,html.dark .list-listmember:hover,'
  481.                    +'html.dark .list-subtitle:hover,html.dark .list-twitter-list:hover'
  482.                    +'{background:#222426 !important;}');
  483.     addGlobalStyle('html.dark .list-account:hover:active,html.dark .list-account:hover:focus,html.dark .list-account:hover:hover,'
  484.                    +'html.dark .list-link:hover:active,html.dark .list-link:hover:focus,html.dark .list-link:hover:hover,'
  485.                    +'html.dark .list-listaccount:hover:active,html.dark .list-listaccount:hover:focus,html.dark .list-listaccount:hover:hover,'
  486.                    +'html.dark .list-listmember:hover:active,html.dark .list-listmember:hover:focus,html.dark .list-listmember:hover:hover,'
  487.                    +'html.dark .list-subtitle:hover:active,html.dark .list-subtitle:hover:focus,html.dark .list-subtitle:hover:hover,'
  488.                    +'html.dark .list-twitter-list:hover:active,html.dark .list-twitter-list:hover:focus,html.dark .list-twitter-list:hover:hover'
  489.                    +'{background:#222426 !important;}');
  490.     addGlobalStyle('html.dark input,html.dark select,html.dark textarea {display:inline-block; font-size:13px; line-height:18px; background:#222426 !important;}');
  491.     addGlobalStyle('html.dark input:disabled {background-color:#222426 !important;}');
  492.     addGlobalStyle('html.dark select:disabled {background-color:#222426 !important;}');
  493.     addGlobalStyle('html.dark .popover {background-color:#292f33;box-shadow:0 0 10px #1e2326 !important;}');
  494.     addGlobalStyle('html.dark .column-header-link {color:#8299a6}');
  495.     addGlobalStyle('html.dark .compose {background-color:#485865 !important;}');
  496.     addGlobalStyle('html.dark .app-header {background-color:#292f33 !important;}');
  497.     addGlobalStyle('html.dark .column-navigator {background-color:#292f33 !important;}');
  498.     addGlobalStyle('html.dark .js-int-scroller {background-color:#292f33 !important;}');
  499.     addGlobalStyle('html.dark .popover {background-color:#292f33 !important;}');
  500.     addGlobalStyle('html.dark .mdl-column-med{background:#292f33 !important;}');
  501.     addGlobalStyle('html.dark .mdl-lighter-on-dark{background-color:#292f33 !important;}');
  502.     addGlobalStyle('html.dark .is-dataminr-tweet{background-color:#292f33 !important;}');
  503.     addGlobalStyle('html.dark .numbered-badge-onnav{border:2px solid #292f33 !important;}');
  504.     addGlobalStyle('html.dark .join-team{background:#292f33 !important;}');
  505.     addGlobalStyle('html.dark .app-navigator{background-color:#292f33 !important;}');
  506.     addGlobalStyle('html.dark .app-nav-link{font-size:18px;color:#8899A6 !important;}');
  507.     addGlobalStyle('html.dark .app-nav-link:hover{font-size:18px;color:#b7c1c9 !important;}');
  508.     addGlobalStyle('html.dark .app-title{background-color:#292f33 !important;}');
  509.     addGlobalStyle('html.dark .app-header{background-color:#292f33 !important;}');
  510.     addGlobalStyle('html.dark .social-proof-for-tweet-title{background-color:#292f33 !important;}');
  511.     addGlobalStyle('html.dark .column-detail .is-selected-tweet{background:#292f33 !important;}');
  512.     addGlobalStyle('html.dark .is-selected-tweet{background:#292f33 !important;}');
  513.     addGlobalStyle('html.dark .search-results-container .stream-item{background-color:#292f33 !important;}');
  514.     addGlobalStyle('html.dark .contributor-row[data-state=confirmRemove-removing]{background-color:#292f33 !important;}');
  515.     addGlobalStyle('html.dark .contributor-row[data-state=confirmRemove-removing],html.dark .contributor-row[data-state=confirmRemove]'
  516.                    +'{background-color:#292f33 !important;}');
  517.     addGlobalStyle('html.dark .contributor-row[data-state=confirmAdd-added] [data-hide-when-state~=confirmAdd-added] {display:none}'
  518.                    +'html.dark .contributor-row[data-state=confirmDeadmin] {background-color:#292f33 !important;}');
  519.     addGlobalStyle('html.dark .contributor-row[data-state=confirmAdd-added] {background-color:#292f33 !important;}');
  520.     addGlobalStyle('html.dark .contributor-row[data-state=confirmAdd] {background-color:#292f33} !important;}');
  521.     addGlobalStyle('html.dark .contributor-row[data-state=settings] {background-color:#292f33 !important;}');
  522.     addGlobalStyle('html.dark .column-nav {background-color:#292f33 !important;}');
  523.     addGlobalStyle('html.dark .manage-team-summary {background:#292f33 !important;}');
  524.     addGlobalStyle('html.dark .account-settings-row {background:#292f33 !important;}');
  525.     addGlobalStyle('html.dark .is-loading {background-color:#292f33 !important;}');
  526.     //addGlobalStyle('html.dark body:before {background-image:radial-gradient(circle,#82bbdd,#292f33 !important;}');
  527.     addGlobalStyle('.column-nav-item {color:#f5f8fa;background-color:#292f33 !important;}');
  528.     addGlobalStyle('.numbered-badge-onnav {border:2px solid #292f33; !important;}');
  529.     addGlobalStyle('.app-navigator {background-color:#292f33 !important;}');
  530.     addGlobalStyle('.app-title {background-color:#292f33 !important;}');
  531.     addGlobalStyle('.app-header {background-color:#292f33 !important;}');
  532.     addGlobalStyle('html.dark .app-nav-tab {color:#8899A6 !important;}');
  533.     addGlobalStyle('html.dark .app-nav-tab:hover {color:#b7c1c9 !important;}');
  534.     addGlobalStyle('.overlay-opaque {background-color:#485865 !important;}');
  535.     addGlobalStyle('html.dark .Button.btn-fav.s-favorited:focus, html.dark .Button.Button--primary.is-focus,'
  536.                    +'html.dark .Button.Button--primary:focus, html.dark .Button.is-focus.btn-fav.s-favorited,'
  537.                    +'html.dark .ButtonGroup--primary > .Button.is-focus, html.dark .ButtonGroup--primary > .Button:focus,'
  538.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > .Button.is-focus, html.dark .ButtonGroup--primary > .ButtonGroup > .Button:focus,'
  539.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > button.is-focus, html.dark .ButtonGroup--primary > .ButtonGroup > button:focus,'
  540.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > input.is-focus[type="button"],'
  541.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > input:focus[type="button"],'
  542.                    +'html.dark .ButtonGroup--primary > button.is-focus, html.dark .ButtonGroup--primary > button:focus,'
  543.                    +'html.dark .ButtonGroup--primary > input.is-focus[type="button"], html.dark .ButtonGroup--primary > input:focus[type="button"],'
  544.                    +'html.dark .s-following .follow-btn:hover .Button.following-text:focus, html.dark .s-following .follow-btn:hover .Button.is-focus.following-text,'
  545.                    +'html.dark .s-following .follow-btn:hover button.following-text:focus, html.dark .s-following .follow-btn:hover button.is-focus.following-text,'
  546.                    +'html.dark .s-following .follow-btn:hover input.following-text:focus[type="button"],'
  547.                    +'html.dark .s-following .follow-btn:hover input.is-focus.following-text[type="button"],'
  548.                    +'html.dark button.btn-fav.s-favorited:focus, html.dark button.Button--primary.is-focus,'
  549.                    +'html.dark button.Button--primary:focus, html.dark button.is-focus.btn-fav.s-favorited,'
  550.                    +'html.dark input.btn-fav.s-favorited:focus[type="button"], html.dark input.Button--primary.is-focus[type="button"],'
  551.                    +'html.dark input.Button--primary:focus[type="button"], html.dark input.is-focus.btn-fav.s-favorited[type="button"]'
  552.                    +'{background:#51aeee;border:1px solid #51aeee}');
  553.     addGlobalStyle('html.dark a {color:#7ccbff}');
  554.     //addGlobalStyle('a:active,a:focus,a:hover {color:#83ccff !important}');
  555.     addGlobalStyle('.link-hover-override:hover .link-hover-target{color:#7ccbff}');
  556.     addGlobalStyle('html.dark .other-replies-link, html.dark .other-replies-link:hover {color:#7ccbff !important;}');
  557.     addGlobalStyle('html.dark .link-complex:active .link-complex-target, html.dark .link-complex:focus .link-complex-target,'
  558.                    +'html.dark .link-complex:hover .link-complex-target'
  559.                    +'{color:#7ccbff !important;}');
  560.     //button colour style?
  561.     addGlobalStyle('html.dark .Button.btn-fav.s-favorited, html.dark .Button.btn-fav.s-favorited:visited, html.dark .Button.Button--primary,'
  562.                    +'html.dark .Button.Button--primary:visited, html.dark .ButtonGroup--primary > .Button, html.dark .ButtonGroup--primary > .Button:visited,'
  563.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > .Button, html.dark .ButtonGroup--primary > .ButtonGroup > .Button:visited,'
  564.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > button, html.dark .ButtonGroup--primary > .ButtonGroup > button:visited,'
  565.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > input:visited[type="button"], html.dark .ButtonGroup--primary > .ButtonGroup > input[type="button"],'
  566.                    +'html.dark .ButtonGroup--primary > button, html.dark .ButtonGroup--primary > button:visited,'
  567.                    +'html.dark .ButtonGroup--primary > input:visited[type="button"], html.dark .ButtonGroup--primary > input[type="button"],'
  568.                    +'html.dark .s-following .follow-btn:hover .Button.following-text, html.dark .s-following .follow-btn:hover .Button.following-text:visited,'
  569.                    +'html.dark .s-following .follow-btn:hover button.following-text, html.dark .s-following .follow-btn:hover button.following-text:visited,'
  570.                    +'html.dark .s-following .follow-btn:hover input.following-text:visited[type="button"],'
  571.                    +'html.dark .s-following .follow-btn:hover input.following-text[type="button"], html.dark button.btn-fav.s-favorited,'
  572.                    +'html.dark button.btn-fav.s-favorited:visited, html.dark button.Button--primary,'
  573.                    +'html.dark button.Button--primary:visited, html.dark input.btn-fav.s-favorited:visited[type="button"],'
  574.                    +'html.dark input.btn-fav.s-favorited[type="button"], html.dark input.Button--primary:visited[type="button"],'
  575.                    +'html.dark input.Button--primary[type="button"]{background-color:#51aeee; border:1px solid #51aeee}');
  576.     addGlobalStyle('.bg-color-twitter-deep-blue {background-color:#51aeee !important;}');
  577.     //button hover?
  578.     addGlobalStyle('.Button.btn-fav.s-favorited:hover,.Button.Button--primary.is-hover,.Button.Button--primary:hover,.Button.is-hover.btn-fav.s-favorited,'
  579.                    +'.ButtonGroup--primary>.Button.is-hover,.ButtonGroup--primary>.Button:hover,.ButtonGroup--primary>.ButtonGroup>.Button.is-hover,'
  580.                    +'.ButtonGroup--primary>.ButtonGroup>.Button:hover,.ButtonGroup--primary>.ButtonGroup>button.is-hover,'
  581.                    +'.ButtonGroup--primary>.ButtonGroup>button:hover,.ButtonGroup--primary>.ButtonGroup>input.is-hover[type=button],'
  582.                    +'.ButtonGroup--primary>.ButtonGroup>input:hover[type=button],.ButtonGroup--primary>button.is-hover,.ButtonGroup--primary>button:hover,'
  583.                    +'.ButtonGroup--primary>input.is-hover[type=button],.ButtonGroup--primary>input:hover[type=button],'
  584.                    +'.s-following .follow-btn:hover .Button.following-text:hover,.s-following .follow-btn:hover .Button.is-hover.following-text,'
  585.                    +'.s-following .follow-btn:hover button.following-text:hover,.s-following .follow-btn:hover button.is-hover.following-text,'
  586.                    +'.s-following .follow-btn:hover input.following-text:hover[type=button],'
  587.                    +'.s-following .follow-btn:hover input.is-hover.following-text[type=button],button.btn-fav.s-favorited:hover,'
  588.                    +'button.Button--primary.is-hover,button.Button--primary:hover,button.is-hover.btn-fav.s-favorited,'
  589.                    +'input.btn-fav.s-favorited:hover[type=button],input.Button--primary.is-hover[type=button],input.Button--primary:hover[type=button],'
  590.                    +'input.is-hover.btn-fav.s-favorited[type=button]'
  591.                    +'{background-color:#408bbe !important;border-color:#408bbe !important}'
  592.  
  593.                    // buttons without a filled in background
  594.                    +'.js-back.btn.btn-on-dark.btn-back, .js-action-profile.action-text.thats-you-text.btn-on-dark {color: #51aeee !important}'
  595.                    +'.js-back.btn.btn-on-dark.btn-back, .js-action-profile.action-text.thats-you-text.btn-on-dark {border: 1px solid #51aeee !important}'
  596.                    +'.js-back.btn.btn-on-dark.btn-back:hover'
  597.                    +'{background-color:#3b4146 !important;}');
  598.     addGlobalStyle('.Button.btn-fav.s-favorited:active,.Button.Button--primary.is-active,.Button.Button--primary:active,.Button.is-active.btn-fav.s-favorited,'
  599.                    +'.ButtonGroup--primary>.Button.is-active,.ButtonGroup--primary>.Button:active,.ButtonGroup--primary>.ButtonGroup>.Button.is-active,'
  600.                    +'.ButtonGroup--primary>.ButtonGroup>.Button:active,.ButtonGroup--primary>.ButtonGroup>button.is-active,.ButtonGroup--primary>.ButtonGroup>button:active,'
  601.                    +'.ButtonGroup--primary>.ButtonGroup>input.is-active[type=button],.ButtonGroup--primary>.ButtonGroup>input:active[type=button],'
  602.                    +'.ButtonGroup--primary>button.is-active,.ButtonGroup--primary>button:active,.ButtonGroup--primary>input.is-active[type=button],'
  603.                    +'.ButtonGroup--primary>input:active[type=button],.s-following .follow-btn:hover .Button.following-text:active,'
  604.                    +'.s-following .follow-btn:hover .Button.is-active.following-text,.s-following .follow-btn:hover button.following-text:active,'
  605.                    +'.s-following .follow-btn:hover button.is-active.following-text,.s-following .follow-btn:hover input.following-text:active[type=button],'
  606.                    +'.s-following .follow-btn:hover input.is-active.following-text[type=button],button.btn-fav.s-favorited:active,button.Button--primary.is-active,'
  607.                    +'button.Button--primary:active,button.is-active.btn-fav.s-favorited,input.btn-fav.s-favorited:active[type=button],'
  608.                    +'input.Button--primary.is-active[type=button],input.Button--primary:active[type=button],'
  609.                    +'input.is-active.btn-fav.s-favorited[type=button]'
  610.                    +'{box-shadow:0 0 0 2px #fff,0 0 0 4px #408bbe;background-color:#408bbe !important;border-color:#408bbe !important}');
  611.     addGlobalStyle('.link-complex:hover {color:#7ccbff !important;}');
  612.     addGlobalStyle('.url-ext:hover {color:#7ccbff !important;}');
  613.     addGlobalStyle('.column-number {color:#f5f8fa !important;}');
  614.     addGlobalStyle('html.dark .stream-item {border-bottom: 1px solid #30383d !important;}');
  615.     addGlobalStyle('html.dark .Button.btn-fav.s-favorited[disabled], html.dark .Button.Button--primary.is-disabled, html.dark .Button.Button--primary[disabled],'
  616.                    +'html.dark .Button.is-disabled.btn-fav.s-favorited, html.dark .ButtonGroup--primary > .Button.is-disabled,'
  617.                    +'html.dark .ButtonGroup--primary > .Button[disabled], html.dark .ButtonGroup--primary > .ButtonGroup > .Button.is-disabled,'
  618.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > .Button[disabled], html.dark .ButtonGroup--primary > .ButtonGroup > button.is-disabled,'
  619.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > button.is-disabled:focus, html.dark .ButtonGroup--primary > .ButtonGroup > button[disabled],'
  620.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > input.is-disabled[type="button"],'
  621.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > input.is-disabled[type="button"]:focus,'
  622.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > input[disabled][type="button"], html.dark .ButtonGroup--primary > button.is-disabled,'
  623.                    +'html.dark .ButtonGroup--primary > button.is-disabled:focus, html.dark .ButtonGroup--primary > button[disabled],'
  624.                    +'html.dark .ButtonGroup--primary > input.is-disabled[type="button"], html.dark .ButtonGroup--primary > input.is-disabled[type="button"]:focus,'
  625.                    +'html.dark .ButtonGroup--primary > input[disabled][type="button"], html.dark .follow-btn.is-disabled .ButtonGroup--primary > .ButtonGroup > button,'
  626.                    +'html.dark .follow-btn.is-disabled .ButtonGroup--primary > button,'
  627.                    +'html.dark .follow-btn.is-disabled .s-following .follow-btn:hover button.following-text, html.dark .follow-btn.is-disabled button.btn-fav.s-favorited,'
  628.                    +'html.dark .follow-btn.is-disabled button.Button--primary, html.dark .s-following .follow-btn:hover .Button.following-text[disabled],'
  629.                    +'html.dark .s-following .follow-btn:hover .Button.is-disabled.following-text,'
  630.                    +'html.dark .s-following .follow-btn:hover .follow-btn.is-disabled button.following-text,'
  631.                    +'html.dark .s-following .follow-btn:hover button.following-text[disabled],'
  632.                    +'html.dark .s-following .follow-btn:hover button.is-disabled.following-text,'
  633.                    +'html.dark .s-following .follow-btn:hover button.is-disabled.following-text:focus,'
  634.                    +'html.dark .s-following .follow-btn:hover fieldset[disabled] .Button.following-text,'
  635.                    +'html.dark .s-following .follow-btn:hover fieldset[disabled] button.following-text,'
  636.                    +'html.dark .s-following .follow-btn:hover fieldset[disabled] input.following-text[type="button"],'
  637.                    +'html.dark .s-following .follow-btn:hover input.following-text[disabled][type="button"],'
  638.                    +'html.dark .s-following .follow-btn:hover input.is-disabled.following-text[type="button"],'
  639.                    +'html.dark .s-following .follow-btn:hover input.is-disabled.following-text[type="button"]:focus,'
  640.                    +'html.dark button.btn-fav.s-favorited[disabled], html.dark button.Button--primary.is-disabled,'
  641.                    +'html.dark button.Button--primary.is-disabled:focus, html.dark button.Button--primary[disabled],'
  642.                    +'html.dark button.is-disabled.btn-fav.s-favorited, html.dark button.is-disabled.btn-fav.s-favorited:focus,'
  643.                    +'html.dark fieldset[disabled] .Button.btn-fav.s-favorited, html.dark fieldset[disabled] .Button.Button--primary,'
  644.                    +'html.dark fieldset[disabled] .ButtonGroup--primary > .Button, html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > .Button,'
  645.                    +'html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > button,'
  646.                    +'html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > input[type="button"],'
  647.                    +'html.dark fieldset[disabled] .ButtonGroup--primary > button, html.dark fieldset[disabled] .ButtonGroup--primary > input[type="button"],'
  648.                    +'html.dark fieldset[disabled] .s-following .follow-btn:hover .Button.following-text,'
  649.                    +'html.dark fieldset[disabled] .s-following .follow-btn:hover button.following-text,'
  650.                    +'html.dark fieldset[disabled] .s-following .follow-btn:hover input.following-text[type="button"],'
  651.                    +'html.dark fieldset[disabled] button.btn-fav.s-favorited, html.dark fieldset[disabled] button.Button--primary,'
  652.                    +'html.dark fieldset[disabled] input.btn-fav.s-favorited[type="button"], html.dark fieldset[disabled] input.Button--primary[type="button"],'
  653.                    +'html.dark input.btn-fav.s-favorited[disabled][type="button"], html.dark input.Button--primary.is-disabled[type="button"],'
  654.                    +'html.dark input.Button--primary.is-disabled[type="button"]:focus, html.dark input.Button--primary[disabled][type="button"],'
  655.                    +'html.dark input.is-disabled.btn-fav.s-favorited[type="button"], html.dark input.is-disabled.btn-fav.s-favorited[type="button"]:focus'
  656.                    +'{color:#FFF !important;}');
  657.     addGlobalStyle('html.dark .tweet-stats {border-top: 1px solid #30383d !important;}');
  658.     addGlobalStyle('html.dark .tweet-detail-actions {border-top: 1px solid #30383d !important;}');
  659.     addGlobalStyle('html.dark .thread {background-color:#444448 !important;}');
  660.     addGlobalStyle('.Token--blue.is-selected:hover,.Token.is-selected:hover {background-color:#ff0000;border-color:#ff0000 !important;}');
  661.     addGlobalStyle('html.dark .bg-color-twitter-deep-blue {background-color:#ff0000 !important;}');
  662.     addGlobalStyle('html.dark .Button.btn-fav.s-favorited:hover,html.dark .Button.Button--primary.is-hover,html.dark .Button.Button--primary:hover,'
  663.                    +'html.dark .Button.is-hover.btn-fav.s-favorited,html.dark .ButtonGroup--primary>.Button.is-hover,'
  664.                    +'html.dark .ButtonGroup--primary>.Button:hover,html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-hover,'
  665.                    +'html.dark .ButtonGroup--primary>.ButtonGroup>.Button:hover,html.dark .ButtonGroup--primary>.ButtonGroup>button.is-hover,'
  666.                    +'html.dark .ButtonGroup--primary>.ButtonGroup>button:hover,html.dark .ButtonGroup--primary>.ButtonGroup>input.is-hover[type=button],'
  667.                    +'html.dark .ButtonGroup--primary>.ButtonGroup>input:hover[type=button],html.dark .ButtonGroup--primary>button.is-hover,'
  668.                    +'html.dark .ButtonGroup--primary>button:hover,html.dark .ButtonGroup--primary>input.is-hover[type=button],'
  669.                    +'html.dark .ButtonGroup--primary>input:hover[type=button],html.dark .s-following .follow-btn:hover .Button.following-text:hover,'
  670.                    +'html.dark .s-following .follow-btn:hover .Button.is-hover.following-text,html.dark .s-following .follow-btn:hover button.following-text:hover,'
  671.                    +'html.dark .s-following .follow-btn:hover button.is-hover.following-text,'
  672.                    +'html.dark .s-following .follow-btn:hover input.following-text:hover[type=button],'
  673.                    +'html.dark .s-following .follow-btn:hover input.is-hover.following-text[type=button],'
  674.                    +'html.dark button.btn-fav.s-favorited:hover,html.dark button.Button--primary.is-hover,'
  675.                    +'html.dark button.Button--primary:hover,html.dark button.is-hover.btn-fav.s-favorited,'
  676.                    +'html.dark input.btn-fav.s-favorited:hover[type=button],html.dark input.Button--primary.is-hover[type=button],'
  677.                    +'html.dark input.Button--primary:hover[type=button],html.dark input.is-hover.btn-fav.s-favorited[type=button]'
  678.                    +'{background-color:#4ba2dd;border-color:#4ba2dd !important;}');
  679.     addGlobalStyle('html.dark .icon.icon-arrow-l::before{color:#aab8c2 !important;}');
  680.     addGlobalStyle('html.dark .icon.icon-arrow-r::before{color:#aab8c2 !important;}');
  681.     addGlobalStyle('html.dark .fullname.link-complex-target {color:#FFF !important;}');
  682.     addGlobalStyle('html.dark .prf-stats li + li a{border-left: 1px solid #30363b !important;}');
  683.     addGlobalStyle('html.dark .prf .lst-profile a{border-right: 1px solid #30363b !important;}');
  684.     addGlobalStyle('html.dark .prf-stats a{color:#b6c3cc !important;}');
  685.     addGlobalStyle('html.dark .prf-stats a strong{color:#b6c3cc !important;}');
  686.     addGlobalStyle('.btn-on-dark:focus, html.dark input[type="button"].btn-on-dark:hover{color:#242426 !important;}');
  687.     addGlobalStyle('html.dark .prf-stats a:hover{color:#6f8089 !important;}');
  688.     addGlobalStyle('html.dark .prf-stats a:hover strong{color:#6f8089 !important;}');
  689.     addGlobalStyle('html.dark .prf .lst-profile a:hover{color:#6f8089 !important;}');
  690.     addGlobalStyle('html.dark .js-tooltip-target.link-complex-target {color:#e1e8ed !important;}');
  691.     addGlobalStyle('html.dark .btn-on-blue:focus {background-color:#7c8f9b !important;}');
  692.     addGlobalStyle('html.dark .btn-on-blue:hover {background-color:#85a6bc !important;}');
  693.     addGlobalStyle('html.dark .btn-on-blue {background-color: #66757f !important;}');
  694.     addGlobalStyle('html.dark .icon.icon-retweet-filled.icon-small-context.icon-retweet-color.txt-size--16::before'
  695.                    +'{color:#00cb86 !important;}');
  696.     addGlobalStyle('html.dark js-send-button.js-spinner-button.js-show-tip.Button--primary.btn-extra-height.padding-v--6.padding-h--12.is-disabled'
  697.                    +'{color:#51aeee; border-color:#51aeee !important;}');
  698.     addGlobalStyle('html.dark .Button.btn-fav.s-favorited[disabled], html.dark .Button.Button--primary.is-disabled,'
  699.                    +'html.dark .Button.Button--primary[disabled], html.dark .Button.is-disabled.btn-fav.s-favorited,'
  700.                    +'html.dark .ButtonGroup--primary > .Button.is-disabled, html.dark .ButtonGroup--primary > .Button[disabled],'
  701.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > .Button.is-disabled, html.dark .ButtonGroup--primary > .ButtonGroup > .Button[disabled],'
  702.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > button.is-disabled,'
  703.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > button.is-disabled:focus,'
  704.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > button[disabled],'
  705.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > input.is-disabled[type="button"],'
  706.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > input.is-disabled[type="button"]:focus,'
  707.                    +'html.dark .ButtonGroup--primary > .ButtonGroup > input[disabled][type="button"],'
  708.                    +'html.dark .ButtonGroup--primary > button.is-disabled, html.dark .ButtonGroup--primary > button.is-disabled:focus,'
  709.                    +'html.dark .ButtonGroup--primary > button[disabled], html.dark .ButtonGroup--primary > input.is-disabled[type="button"],'
  710.                    +'html.dark .ButtonGroup--primary > input.is-disabled[type="button"]:focus,'
  711.                    +'html.dark .ButtonGroup--primary > input[disabled][type="button"],'
  712.                    +'html.dark .follow-btn.is-disabled .ButtonGroup--primary > .ButtonGroup > button,'
  713.                    +'html.dark .follow-btn.is-disabled .ButtonGroup--primary > button,'
  714.                    +'html.dark .follow-btn.is-disabled .s-following .follow-btn:hover button.following-text,'
  715.                    +'html.dark .follow-btn.is-disabled button.btn-fav.s-favorited, html.dark .follow-btn.is-disabled button.Button--primary,'
  716.                    +'html.dark .s-following .follow-btn:hover .Button.following-text[disabled],'
  717.                    +'html.dark .s-following .follow-btn:hover .Button.is-disabled.following-text,'
  718.                    +'html.dark .s-following .follow-btn:hover .follow-btn.is-disabled button.following-text,'
  719.                    +'html.dark .s-following .follow-btn:hover button.following-text[disabled],'
  720.                    +'html.dark .s-following .follow-btn:hover button.is-disabled.following-text,'
  721.                    +'html.dark .s-following .follow-btn:hover button.is-disabled.following-text:focus,'
  722.                    +'html.dark .s-following .follow-btn:hover fieldset[disabled] .Button.following-text,'
  723.                    +'html.dark .s-following .follow-btn:hover fieldset[disabled] button.following-text,'
  724.                    +'html.dark .s-following .follow-btn:hover fieldset[disabled] input.following-text[type="button"],'
  725.                    +'html.dark .s-following .follow-btn:hover input.following-text[disabled][type="button"],'
  726.                    +'html.dark .s-following .follow-btn:hover input.is-disabled.following-text[type="button"],'
  727.                    +'html.dark .s-following .follow-btn:hover input.is-disabled.following-text[type="button"]:focus,'
  728.                    +'html.dark button.btn-fav.s-favorited[disabled], html.dark button.Button--primary.is-disabled,'
  729.                    +'html.dark button.Button--primary.is-disabled:focus, html.dark button.Button--primary[disabled],'
  730.                    +'html.dark button.is-disabled.btn-fav.s-favorited, html.dark button.is-disabled.btn-fav.s-favorited:focus,'
  731.                    +'html.dark fieldset[disabled] .Button.btn-fav.s-favorited, html.dark fieldset[disabled] .Button.Button--primary,'
  732.                    +'html.dark fieldset[disabled] .ButtonGroup--primary > .Button, html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > .Button,'
  733.                    +'html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > button,'
  734.                    +'html.dark fieldset[disabled] .ButtonGroup--primary > .ButtonGroup > input[type="button"],'
  735.                    +'html.dark fieldset[disabled] .ButtonGroup--primary > button, html.dark fieldset[disabled] .ButtonGroup--primary > input[type="button"],'
  736.                    +'html.dark fieldset[disabled] .s-following .follow-btn:hover .Button.following-text,'
  737.                    +'html.dark fieldset[disabled] .s-following .follow-btn:hover button.following-text,'
  738.                    +'html.dark fieldset[disabled] .s-following .follow-btn:hover input.following-text[type="button"],'
  739.                    +'html.dark fieldset[disabled] button.btn-fav.s-favorited, html.dark fieldset[disabled] button.Button--primary,'
  740.                    +'html.dark fieldset[disabled] input.btn-fav.s-favorited[type="button"], html.dark fieldset[disabled] input.Button--primary[type="button"],'
  741.                    +'html.dark input.btn-fav.s-favorited[disabled][type="button"], html.dark input.Button--primary.is-disabled[type="button"],'
  742.                    +'html.dark input.Button--primary.is-disabled[type="button"]:focus, html.dark input.Button--primary[disabled][type="button"],'
  743.                    +'html.dark input.is-disabled.btn-fav.s-favorited[type="button"],'
  744.                    +'html.dark input.is-disabled.btn-fav.s-favorited[type="button"]:focus'
  745.                    +'{background-color:#51aeee;border-color:#51aeee !important;}');
  746.     addGlobalStyle('html.dark action-text follow-text btn-on-dark{color:#51aeee;border-color:#51aeee !important;}');
  747.     addGlobalStyle('html.dark .action-text.follow-text.btn-on-dark:hover {background:#2c2f33 !important;}');
  748.     addGlobalStyle('html.dark .js-user-actions-menu.btn.btn-round.btn-on-dark:hover {background:#2c2f33 !important;}');
  749.     addGlobalStyle('html.dark .js-user-actions-menu.btn.btn-round.btn-on-dark{color:#51aeee; border-color:#51aeee !important;}');
  750.     addGlobalStyle('html.dark .action-text.follow-text.btn-on-dark{border-color:#51aeee; color:#51aeee !important;}');
  751.     addGlobalStyle('html.dark .is-retweet .icon-retweet-toggle{color:#00cb86 !important;}');
  752.     addGlobalStyle('html.dark .pull-right .icon-retweet-toggle .margin-l--3 .margin-t--1 .txt-size--12 .js-retweet-count .retweet-count'
  753.                    +'{color:#00cb86 !important;}');
  754.     addGlobalStyle('html.dark .icon-retweet-toggle:focus{color:#00cb86 !important;}');
  755.     addGlobalStyle('html.dark a.js-media-gallery-prev.link-no-focus.mdl-btn-media.mdl-media-prev{background:none !important;}');
  756.     addGlobalStyle('html.dark a.js-media-gallery-next.link-no-focus.mdl-btn-media.mdl-media-next{background:none !important;}');
  757.     //edit profile button when you click on your own username
  758.     addGlobalStyle('html.dark .js-action-profile .action-text .thats-you-text .btn-on-dark{color:#51aeee;border-color:#51aeee !important;}');
  759.     addGlobalStyle('html.dark .js-action-profile.action-text.thats-you-text.btn-on-dark:hover{background-color:#2c2f33 !important;}');
  760.     //bit at the bottom  of the composing menu with a checkbox that says keep open
  761.     addGlobalStyle('html.dark .old-composer-footer {background-color: #485865 !important;}');
  762.     //followed by [mutuals] part on the screen when you click a username
  763.     addGlobalStyle('html.dark .social-proof-container {background-color: #292f33 !important;}');
  764.     //scrollbar colour
  765.     addGlobalStyle('html.dark .scroll-styled-h, html.dark .scroll-styled-v {scrollbar-color: #30383d transparent !important;');
  766.     //loading bars
  767.     addGlobalStyle('html.dark .med-embeditem {background: transparent url(https://i.imgur.com/ZRBhNiF.gif) no-repeat 50% 50%;}');
  768.     addGlobalStyle('html.dark .spinner-small,html.dark .spinner-large{filter:grayscale(85%)brightness(117%)}');
  769.     //when likes are turned back to favs with bettertweetdeck, uncomment to turn the text yellow instead of red
  770.     /* addGlobalStyle('html.dark .dm-action:active .icon-favorite, html.dark .dm-action:active .like-count, html.dark .dm-action:focus .icon-favorite,'
  771.                    +'html.dark .dm-action:focus .like-count, html.dark .dm-action:hover .icon-favorite, html.dark .dm-action:hover .like-count,'
  772.                    +'html.dark .is-selected.dm-action .icon-favorite, html.dark .is-selected.dm-action .like-count,'
  773.                    +'html.dark .is-selected.tweet-detail-action .icon-favorite, html.dark .is-selected.tweet-detail-action .like-count,'
  774.                    +'html.dark .tweet-action.is-selected .icon-favorite, html.dark .tweet-action.is-selected .like-count,'
  775.                    +'html.dark .tweet-action:active .icon-favorite, html.dark .tweet-action:active .like-count,'
  776.                    +'html.dark .tweet-action:focus .icon-favorite, html.dark .tweet-action:focus .like-count, html.dark .tweet-action:hover .icon-favorite,'
  777.                    +'html.dark .tweet-action:hover .like-count, html.dark .tweet-detail-action:active .icon-favorite,'
  778.                    +'html.dark .tweet-detail-action:active .like-count, html.dark .tweet-detail-action:focus .icon-favorite,'
  779.                    +'html.dark .tweet-detail-action:focus .like-count, html.dark .tweet-detail-action:hover .icon-favorite,'
  780.                    +'html.dark .tweet-detail-action:hover .like-count'
  781.                    +'{color: #fab41e !important;}');*/
  782.     //click on the three dots for the dropdown
  783.     addGlobalStyle('.js-dropdown-content {background-color:#222426; color:#fff;}'
  784.                    +'html.dark .dropdown-menu {background-color:#222426;}'
  785.                    +'html.dark .dropdown-menu a {color:#8899a6 !important;}'
  786.                    +'html.dark .dropdown-menu a:hover, html.dark .dropdown-menu a:focus {color:#FFFFFF !important;}'
  787.                    +'html.dark .dropdown-menu .is-selected'
  788.                    +'{background: #4ba2dd !important}'
  789.                    +'html.btd-on .btd-settings-btn .icon {color:#8899A6 !important;}'
  790.                    +'html.btd-on .btd-settings-btn .icon:hover {color:#b7c1c9 !important;}'
  791.                    +'html.btd-on [data-btdtheme="dark"].btd__minimal_mode .dropdown-menu, html.btd-on [data-btdtheme="dark"].btd__minimal_mode .typeahead{background-color:#222426}'
  792.                    +'html.dark .caret-inner {border-bottom: 6px solid #222426 !important;}'
  793.                    +'html.dark .caret-outer {border-bottom: 7px solid rgba(17,17,17, 0.58) !important;}');
  794.     //when clicking on username its the following/tweets/favs/lists whatever hover colour
  795.     addGlobalStyle('html.dark .prf-stats a:hover, html.dark .prf-stats a:hover strong, html.dark .prf .lst-profile a:hover i,'
  796.                    +'html.dark .prf .lst-profile a:hover span'
  797.                    +'{color:#cde3f1 !important}');
  798.     // the little reply icon hover colour & three dots hover colour
  799.     addGlobalStyle('html.dark .dm-action:active .icon-reply, html.dark .dm-action:active .reply-count,'
  800.                    +'html.dark .dm-action:focus .icon-reply, html.dark .dm-action:focus .reply-count, html.dark .dm-action:hover .icon-reply,'
  801.                    +'html.dark .dm-action:hover .reply-count, html.dark .is-selected.dm-action .icon-reply, html.dark .is-selected.dm-action .reply-count,'
  802.                    +'html.dark .is-selected.tweet-detail-action .icon-reply, html.dark .is-selected.tweet-detail-action .reply-count,'
  803.                    +'html.dark .tweet-action.is-selected .icon-reply, html.dark .tweet-action.is-selected .reply-count, html.dark .tweet-action:active .icon-reply,'
  804.                    +'html.dark .tweet-action:active .reply-count, html.dark .tweet-action:focus .icon-reply, html.dark .tweet-action:focus .reply-count,'
  805.                    +'html.dark .tweet-action:hover .icon-reply, html.dark .tweet-action:hover .reply-count, html.dark .tweet-detail-action:active .icon-reply,'
  806.                    +'html.dark .tweet-detail-action:active .reply-count, html.dark .tweet-detail-action:focus .icon-reply,'
  807.                    +'html.dark .tweet-detail-action:focus .reply-count, html.dark .tweet-detail-action:hover .icon-reply,'
  808.                    +'html.dark .tweet-detail-action:hover .reply-count'
  809.                    +'{color: #51aeee !important}');
  810.     //inline reply
  811.     addGlobalStyle('html.dark .inline-reply{background-color:#30383d !important;}'
  812.                    +'html.dark .reply-triangle{border-bottom-color:#30383d !important;}');
  813.     });