ShadeRoot Kvasir

Eye-friendly magic in your browser for Kvasir

  1. //
  2. // Written by Glenn Wiking
  3. // Script Version: 1.0.0a
  4. // Date of issue: 09/20/17
  5. // Date of resolution: 09/20/17
  6. //
  7. // ==UserScript==
  8. // @name ShadeRoot Kvasir
  9. // @namespace SRKV
  10. // @description Eye-friendly magic in your browser for Kvasir
  11. // @version 1.0.0a
  12. // @icon https://i.imgur.com/rq5F3E0.png
  13.  
  14. // @include http://*kvasir.*
  15. // @include https://*kvasir.*
  16.  
  17. // ==/UserScript==
  18.  
  19. function ShadeRootKV(css) {
  20. var head, style;
  21. head = document.getElementsByTagName('head')[0];
  22. if (!head) { return; }
  23. style = document.createElement('style');
  24. style.type = 'text/css';
  25. style.innerHTML = css;
  26. head.appendChild(style);
  27. }
  28.  
  29. ShadeRootKV(
  30. 'html, body.homepage, .homepage #wrapper, .footer-wrap, .kvasir, .e-ready, .e-route .e-header, .mainPage .modules-content, .mainPage .search-content {background: #201d1c !important;}'
  31. +
  32. '.editor-info {border-top: 1px solid #151111 !important;}'
  33. +
  34. '.search-button-wrap input, .search-button-wrap button, #branding .logo a {background-color: #831821 !important;}'
  35. +
  36. 'input, .e-clear-button {background-color: #423c3c !important; color: #DDC !important;}'
  37. +
  38. 'em, .form-warning, p, i, b, em, li, h1, h2, h3, h4, h5, h6, label, span, body {color: #DCC !important;}'
  39. +
  40. '.delete-icon, #main-nav, .tab-nav .nav-menu li.active a, .tab-nav .nav-menu li.active > span, .active .tab-btn, .tab-nav .nav-menu li.active a, .tab-nav .nav-menu li.active > span, .e-searchfield-wrapper {background-color: #423c3c !important}'
  41. +
  42. '#footer a:hover, #main-nav .nav-menu li > a, #main-nav .nav-menu li > a:hover, .anchor, .anchor:hover, .anchor:visited, a {color: #cb3636 !important;}'
  43. +
  44. '#main-content {opacity: .9 !important;}'
  45. +
  46. '.search-input-wrap input.current, .search-input-wrap input.focused, .search-input-wrap input:focus, input[type="text"], input[type="email"], input[type="number"], input[type="search"], input[type="date"], textarea, .e-field, select {border: 1px solid #6c1a1a !important; background: #3b3636 !important;}'
  47. +
  48. '.module, .popup-list li {background: #2a1e1e !important;}'
  49. +
  50. '.popup .form-warning {background-color: #77141d !important;}'
  51. +
  52. '#main-nav .hr {border-top: 1px solid #1e1616 !important;}'
  53. +
  54. '#main-nav .nav-menu li > a:hover {background: #511717 !important;}'
  55. +
  56. '.tab-wrap > a {border-right: 1px solid #952323 !important;}'
  57. +
  58. '.notification-box {background: #104d93 !important;}'
  59. +
  60. '.e-contextmenu, .e-layer-select, .e-unselectable, .e-layer-select ul, .e-showonmapteaser ul {background: #352929 !important;}'
  61. +
  62. '.e-contextmenu li a:hover {background-color: #261414 !important;}'
  63. +
  64. '.e-input-wrapper::after {background: linear-gradient(to right,rgba(255,255,255,0),rgb(66, 58, 58)) !important;}'
  65. +
  66. '.e-streetview-main button, .e-zoom-slider .e-zoom-in, .e-zoom-slider .e-zoom-out, button {background: #352b2b !important; color: #DCC !important;}'
  67. +
  68. '#mapContainer {opacity: .9 !important; filter: brightness(.92) !important;}'
  69. +
  70. '#footer {background-color: rgba(26, 18, 18, 0.85) !important;}'
  71. +
  72. '.kvasir .e-showonmapteaser li.selected, .e-showonmap .e-showonmap-item.selected {background: #8c1f12 !important;}'
  73. +
  74. '.e-showonmap > ul > li {background: #271f1f !important;}'
  75. +
  76. '.e-field, .e-popup .e-content, .e-popup-modal .e-content, .e-draw-menu ul {background: #511717 !important; border: solid 1px #695353 !important;}'
  77. +
  78. '.e-options > div {border-top: dashed 1px #932f2f !important;}'
  79. +
  80. '.e-save ul li:hover {background-color: #321a1a !important;}'
  81. +
  82. '.product-header {background: #3e2d2d !important;}'
  83. +
  84. '.product-wrap {background: #211717 !important;}'
  85. );