olx.pl dark mode

15/12/2021, 17:56:23

  1. // ==UserScript==
  2. // @name olx.pl dark mode
  3. // @namespace Violentmonkey Scripts
  4. // @match https://www.olx.pl/*
  5. // @grant none
  6. // @version 1.01
  7. // @author lumity addict
  8. // @description 15/12/2021, 17:56:23
  9. // @license MIT
  10. // ==/UserScript==
  11. function add(css) {
  12. var head, style;
  13. head = document.getElementsByTagName('head')[0];
  14. if (!head) { return; }
  15. style = document.createElement('style');
  16. style.type = 'text/css';
  17. style.innerHTML = css;
  18. head.appendChild(style);
  19. }
  20.  
  21. add(".maincategories {background: #282a36};"); // main screen part background
  22. add(".link {color: #f8f8f2 !important;}") //main page nav text color
  23. add(".h1, h2, h3, h4, h5, h6 {color: #f8f8f2 !important;}") // text color for titles
  24. add("#body-container {background-color: #282a36;}") // background
  25. add("#searchmain-container {background-color: #282a36;}") //back ground of search div
  26. add(".gallerywide > li {background: #44475a;}") // color of reccomended on main page
  27. add(".gallerywide .date-location {color: #f8f8f2;}") // location color
  28. add(".gallerywide .price {color: #ffb86c;}") // price color
  29. add("#searchbox {background: #282a36;}") // color of search box bg
  30. add("table.offers.redesigned .offer .bottom-cell .breadcrumb span, table.offers.redesigned.userobserved-list .offer .bottom-cell .breadcrumb span, listHandler table.offers.redesigned .offer .bottom-cell .breadcrumb span {color: #f8f8f2;}")// location color and text
  31. add("table.offers.redesigned .price strong, table.offers.redesigned.userobserved-list .price strong, listHandler table.offers.redesigned .price strong {color: #ffb86c;}") // price color
  32. add(".olx-delivery-icon {background: url(https://i.imgur.com/UjcIiyD.png) 100% 50% no-repeat;}")
  33. add("#locationLinks {background-color: #282a36 !important;}")
  34. add("#categoryLinksHeader {background-color: #282a36 !important;}")
  35. add("#footer-container {background-color: #282a36 !important;}")
  36. add(".link.gray > * {color: #f8f8f2 !important;}")
  37. add(".popular-searches {background-color: #282a36 !important;}")
  38. add("#categoryLinksSuggestions {color: #f8f8f2;}")
  39. add("#listContainer {background-color: #282a36;}")
  40. add(".offersview div.section p {color: #f8f8f2;}")
  41. add("form.search .paramsList__title {color: #f8f8f2 !important;}")
  42. add(".filter-headline {color: #f8f8f2;}")
  43. add("ul.tabs .tab.selected {color: #50fa7b;}")
  44. add("* {background-color: #282a36 !important; color: #f8f8f2 !important;}")
  45. add(".swiper-pagination-bullets {background-color: transparent !important;}")
  46. add("button {color: #f8f8f2 !important; background: transparent}")
  47. add("p {color: #f8f8f2 !important;}")
  48. add("h1 {color: #f8f8f2 !important;}")
  49. //add(".offer-wrapper {background: #44475a !important;}") // item background search
  50. //add("table {background: #44475a !important;}")
  51. //add("tbody {background: #44475a !important;}")
  52. // add(".link {color: #f8f8f2;}")
  53. // add(".link {color: #f8f8f2;}")
  54. // add(".link {color: #f8f8f2;}")
  55. // add(".link {color: #f8f8f2;}")
  56. // add(".link {color: #f8f8f2;}")
  57. // add(".link {color: #f8f8f2;}")
  58. // add(".link {color: #f8f8f2;}")
  59. // add(".link {color: #f8f8f2;}")
  60. // add(".link {color: #f8f8f2;}")
  61. // add(".link {color: #f8f8f2;}")
  62. // add(".link {color: #f8f8f2;}")
  63. // add(".link {color: #f8f8f2;}")
  64. // add(".link {color: #f8f8f2;}")
  65. // add(".link {color: #f8f8f2;}")
  66. // add(".link {color: #f8f8f2;}")
  67. // add(".link {color: #f8f8f2;}")
  68. // add(".link {color: #f8f8f2;}")
  69. // add(".link {color: #f8f8f2;}")
  70. // add(".link {color: #f8f8f2;}")
  71. // add(".link {color: #f8f8f2;}")
  72. // add(".link {color: #f8f8f2;}")
  73. // add(".link {color: #f8f8f2;}")
  74. // add(".link {color: #f8f8f2;}")
  75. // add(".link {color: #f8f8f2;}")
  76. // add(".link {color: #f8f8f2;}")
  77. // add(".link {color: #f8f8f2;}")
  78. // add(".link {color: #f8f8f2;}")
  79. // add(".link {color: #f8f8f2;}")
  80. // add(".link {color: #f8f8f2;}")
  81. // add(".link {color: #f8f8f2;}")
  82. // add(".link {color: #f8f8f2;}")
  83. // add(".link {color: #f8f8f2;}")
  84. // add(".link {color: #f8f8f2;}")
  85. // add(".link {color: #f8f8f2;}")
  86. // add(".link {color: #f8f8f2;}")
  87. // add(".link {color: #f8f8f2;}")