☰

heise dark

Dieses Skript ist der einfache Versuch die heise.de Seite dark erscheinen zu lassen

  1.  
  2. // ==UserScript==
  3. // @name     heise dark
  4. // @description Dieses Skript ist der einfache Versuch die heise.de Seite dark erscheinen zu lassen
  5. // @version  1.12
  6. // @license GNU GPLv3
  7. // @grant    none
  8. // @match https://*.heise.de/*
  9. // @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
  10. // @namespace https://greasyfork.org/users/233939
  11. // ==/UserScript==
  12. var bgcolor = '#333';
  13. var txtcolor = '#ddd';
  14. var txtcoloractive = '#fff'
  15. var lnkcolor = '#e6e6dd';
  16.  
  17. $('body').css({'background-color' : bgcolor, 'color' : txtcolor});
  18. $('header').css({'background-color' : bgcolor, 'color' : txtcolor});
  19. $('span').css({'background-color' : bgcolor, 'color' : txtcolor});
  20. $('a').css({'background-color' : bgcolor, 'color' : '#e6e6ff'});
  21. $('h1').css({'background-color' : bgcolor, 'color' : txtcolor});
  22. $('h2').css({'background-color' : bgcolor, 'color' : txtcolor});
  23. $('h3').css({'background-color' : bgcolor, 'color' : txtcolor});
  24. $('h4').css({'background-color' : bgcolor, 'color' : txtcolor});
  25. $('p').css({'background-color' : bgcolor, 'color' : txtcolor});
  26. $('li').css({'background-color' : bgcolor, 'color' : txtcolor});
  27. $('.container').css({'background-color' : bgcolor, 'color' : txtcolor});
  28. $('.content').css({'background-color' : bgcolor, 'color' : txtcolor});
  29. $('.topbar').css({'background-color' : bgcolor, 'color' : txtcolor, 'border-bottom': '0px'});
  30. $('.asset__title').css({'background-color' : bgcolor, 'color' : txtcolor});
  31. $('.asset').css({'background-color' : bgcolor, 'color' : txtcolor});
  32. $('.kasten').css({'background-color' : bgcolor, 'color' : txtcolor});
  33. $('.kasten--ixtract').css({'background-color' : bgcolor, 'color' : txtcolor, 'border' : '0px'});
  34. $('.kasten__header').css({'background-color' : bgcolor, 'color' : txtcolor});
  35. $('.kasten__content').css({'background-color' : bgcolor, 'color' : txtcolor});
  36. $('.stage-container').css({'background-color' : bgcolor, 'color' : txtcolor});
  37. $('.stage').css({'border-bottom' : '0px'});
  38. $('.video-stage-grid').css({'border-bottom' : '0px'});
  39. $('.newsroll-message').css({'border-bottom' : '0px'});
  40. $('.main-footer').css({'border-top' : '0px'});
  41. $('.stage-container').css({'border-top' : '0px'});
  42. $('#container_content').css({'background-color' : bgcolor, 'color' : txtcolor});
  43. $('.ho-stage-container').css({'background-color' : bgcolor, 'color' : txtcolor});
  44. $('.topnavigation').css({'background-color' : bgcolor, 'color' : txtcolor});
  45. $('.topnavigation__content').css({'background-color' : bgcolor, 'color' : txtcolor});
  46. $('.header-main').css({'background-color' : bgcolor, 'color' : txtcolor});
  47. $('.header-main__label').css({'background-color' : bgcolor, 'color' : txtcolor});
  48. $('.nav-keywords__label').css({'background-color' : bgcolor, 'color' : txtcolor});
  49. $('.toolbar').css({'background-color' : bgcolor, 'color' : txtcolor});
  50. $('.nav').css({'background-color' : bgcolor, 'color' : txtcolor});
  51. $('.nav--toolbar').css({'background-color' : bgcolor, 'color' : txtcolor});
  52. $('.nav__list').css({'background-color' : bgcolor, 'color' : txtcolor});
  53. $('.nav__link').css({'background-color' : bgcolor, 'color' : txtcolor});
  54. $('.nav__text').css({'background-color' : bgcolor, 'color' : txtcolor});
  55. $('.breadcrumb').css({'background-color' : bgcolor, 'color' : txtcolor});
  56. $('.active').css({'background-color' : bgcolor, 'color' : txtcoloractive});
  57. $('.mitte').css({'background-color' : bgcolor, 'color' : txtcolor});
  58. $('#mitte').css({'background-color' : bgcolor, 'color' : txtcolor});
  59. $('.akwa-article').css({'background-color' : bgcolor, 'color' : txtcolor});
  60. $('.a-layout').css({'background-color' : bgcolor, 'color' : txtcolor});
  61. $('.a-article-teaser__kicker').css({'background-color' : bgcolor, 'color' : txtcolor});
  62. $('.a-article-teaser__title-text').css({'background-color' : bgcolor, 'color' : txtcolor});
  63. $('.a-article-teaser__synopsis').css({'background-color' : bgcolor, 'color' : txtcolor + '!important'});
  64. $('a-article-teaser__link').css({'background-color' : bgcolor, 'color' : txtcolor + '!important'});
  65. $('a-article-teaser__title').css({'background-color' : bgcolor, 'color' : txtcolor + '!important'});
  66. $('.topnavigation-login__icon').css({'fill' : txtcolor});
  67.  
  68. setTimeout(function() {
  69.     var login_links = document.querySelectorAll('.a-login__link:link');
  70.     for (var i = 0; i < login_links.length; i++) {
  71.       login_links[i].style.color = txtcolor;
  72.     }
  73. }, 2000);
  74.  
  75.  
  76. $('.a-theme').css({'background-color' : bgcolor, 'color' : txtcolor});
  77. $('.a-article-meta__item').css({'background-color' : bgcolor, 'color' : txtcolor});
  78. $('.article-layout__content').css({'background-color' : bgcolor, 'color' : txtcolor});
  79. $('.article-content').css({'background-color' : bgcolor, 'color' : txtcolor});
  80. $('.article-branding').css({'background-color' : bgcolor, 'color' : txtcolor});
  81. $('.keyword-alphabet__list').css({'background-color' : bgcolor, 'color' : txtcolor});
  82. $('.ob-dynamic-rec-container').css({'background-color' : bgcolor, 'color' : txtcolor});
  83. $('.ob-dynamic-rec-link').css({'background-color' : bgcolor, 'color' : txtcolor});
  84. $('.ob-unit').css({'background-color' : bgcolor, 'color' : txtcolor});
  85. $('.ob-rec-text').css({'background-color' : bgcolor, 'color' : txtcolor});
  86. $('.ob-rec-source').css({'background-color' : bgcolor, 'color' : txtcolor});
  87. $('.ho-bg').css({'background-color' : bgcolor, 'color' : txtcolor});
  88. $('.keyword-alphabet__link').css({'border' : '0px'});
  89. $('.nav-keywords__link').css({'border' : '0px'});
  90. $('.header-main__nav').css({'border' : '0px'});
  91. $('.AR_1.ob-strip-layout').css({'background-color' : bgcolor, 'color' : txtcolor});
  92. $('#outbrain_widget_0').css({'background-color' : bgcolor, 'color' : txtcolor});
  93. $('.AR_1.ob-widget').css({'background-color' : bgcolor, 'color' : txtcolor});
  94. $('.ob-rec-image-container').css({'background-color' : bgcolor, 'color' : txtcolor});
  95. $('.ob-rec-label').css({'background-color' : bgcolor, 'color' : txtcolor});
  96. $('.ob-dynamic-rec-container').css({'background-color' : bgcolor, 'color' : txtcolor});
  97. $('.ob-recIdx-0').css({'background-color' : bgcolor, 'color' : txtcolor});
  98. $('.ob-p').css({'background-color' : bgcolor, 'color' : txtcolor});
  99. $('.teaser_adliste').css({'background-color' : bgcolor, 'color' : txtcolor});
  100. $('.akwa-ad-container').css({'background-color' : bgcolor, 'color' : txtcolor});
  101. $('.akwa-ad-container__microsite-list').css({'background-color' : bgcolor, 'color' : txtcolor});
  102. $('.hoteaser').css({'background-color' : bgcolor, 'color' : txtcolor});
  103. $('.shadow-modules').css({'background-color' : bgcolor, 'color' : txtcolor});
  104. $('.footer').css({'background-color' : bgcolor, 'color' : txtcolor});
  105. $('.leading-tight').css({'background-color' : bgcolor, 'color' : txtcolor});
  106. $('.xp__asset__description').css({'background-color' : bgcolor, 'color' : txtcolor});
  107. $('aside').css({'background-color' : '#3b3b40', 'color' : txtcolor});
  108. $('.facette-off-canvas').css({'background-color' : '#3b3b40', 'color' : txtcolor});
  109.  
  110.