☰

Webtekno Dark Theme

Go gentle into that good night!

  1. // ==UserScript==
  2. // @name         Webtekno Dark Theme
  3. // @version      1.0
  4. // @description  Go gentle into that good night!
  5. // @author       hasangdr
  6. // @icon         https://www.webtekno.com/favicon.ico
  7.  
  8. // @match        https://www.webtekno.com/
  9. // @match        https://www.webtekno.com/*
  10.  
  11. // @grant        GM_addStyle
  12. // @run-at       document-body
  13. // @namespace https://greasyfork.org/users/25284
  14. // ==/UserScript==
  15.  
  16. (function() {
  17.     'use strict';
  18.  
  19.     // CSS'ler
  20.  
  21.     var styles =`
  22.  
  23.  
  24. /* Haber Sayfası */
  25.  
  26. body {background: #1b1b1b!important;}
  27.  
  28. body > div.wt-container > div.global-container.container > div.content > div.news.content-detail-page > article > div.content-body { color: #bdbdbd!important; background: #1b1b1b!important;}
  29.  
  30. .content-body__detail {  color: #bdbdbd!important;  background: #1b1b1b!important;}
  31.  
  32. .content-title h1 {  color: #bdbdbd!important;  background: #1b1b1b!important;}
  33.  
  34. .content-title {  color: #bdbdbd!important;  background: #1b1b1b!important;}
  35.  
  36. .sidebar-mosts__item__title { color: #bdbdbd;}
  37.  
  38. .sidebar-trend__item__link { color: #bdbdbd;}
  39.  
  40. body > div.wt-container > div.global-container.container > div.content > div.news.content-detail-page > article > div.content-info.clearfix > div.content-esimited-read { color: #000;}
  41.  
  42. .content-font__item__icon {   filter: invert(1);}
  43.  
  44.  
  45.  
  46. /* Okunma Süresi Kutusu */
  47.  
  48. .content-esimited-read {  background: #bdbdbd;}
  49.  
  50.  
  51.  
  52. /* İlgili Haber */
  53.  
  54. body > div.wt-container > div.global-container.container > div.content > div.news.content-detail-page > article > div.content-body > div.content-body--right > div.content-body__detail > div.content-card.material-shadow--1dp.clearfix > div {  background: #000!important;}
  55.  
  56. .content-card__detail {  background: #000!important;}
  57.  
  58. .content-card__title a {  color: #bdbdbd!important;}
  59.  
  60.  
  61.  
  62. /* Haber Yorum Kutusu */
  63.  
  64. .content-comments__form__comment {    color: #bdbdbd;  background: #0a0a0a;  border: 1px solid #0a0a0a;}
  65.  
  66.  
  67.  
  68. /* Kaynak bloğu */
  69.  
  70. .content-source-url:hover { background: #000;}
  71. .content-source-url   { border: 1px dashed #3c3c3c;}
  72.  
  73.  
  74.  
  75. /* Yorum Listesi */
  76.  
  77. .content-comments__sub-title span { color: #bdbdbd;}
  78.  
  79. .content-comments__item__author__name { color: #bdbdbd;}
  80.  
  81. .content-comments__item__message { color: #bdbdbd;}
  82.  
  83. .content-comments__sub-title {  border-bottom: 1px solid #3c3c3c;}
  84.  
  85.  
  86.  
  87. /* Sosyal Medya Widget */
  88.  
  89. .sidebar-social__item {  background: #0c0c0c;  color: #bdbdbd; border-right: 3px solid #1b1b1b;}
  90.  
  91. .sidebar-social__item__caption {  background-color: #0c0c0c;}
  92.  
  93. .sidebar-social__item__count {  color: #fff;}
  94.  
  95.  
  96.  
  97. /* Haber Listesi */
  98.  
  99. .content-timeline__detail__title { color: #bdbdbd;}
  100.  
  101. .content-timeline__time { background-color: #1b1b1b;}
  102.  
  103. .content-timeline--left:after, .content-timeline--left:before { background-color: #f64d38;}
  104.  
  105.  
  106.  
  107. /* Sayfa Numaraları */
  108.  
  109. .pagination__box {  background: #0c0c0c;  border-right: 1px solid #1b1b1b;  color: #bdbdbd;}
  110.  
  111. body > div.wt-container > div.global-container.container > div.content > center > ol > li > a:hover { color: #fff; background: #f44336;}
  112.  
  113.  
  114.  
  115. /* Anasayfa Filtreleme */
  116.  
  117. .content-timeline__tab__filter__select { color: #bdbdbd;  background-color: #1b1b1b;  border-bottom: 1px solid #f34737;}
  118.  
  119.  
  120.  
  121. /* Yazar Listesi */
  122.  
  123. .content-author__detail__name {  color: #bdbdbd;}
  124.  
  125.  
  126.  
  127. /* Anasayfa Headline */
  128.  
  129. .headline {  background-color: #000;}
  130.  
  131.  
  132.  
  133. /* Düşer Liste */
  134.  
  135. .dropdown-container {  background-color: #0a0a0a;}
  136.  
  137. .dropdown-container__item a {  color: #bdbdbd;}
  138.  
  139. .dropdown-container__item a:hover {  color: #fff; background-color: #f44336;}
  140.  
  141.  
  142.  
  143. /* Profil Düzenleme */
  144.  
  145. .login__container {  background-color: #1b1b1b;}
  146.  
  147. .login__form-element input { color: #bdbdbd;  border: 1px solid #3c3c3c;}
  148.  
  149. .login__form-element textarea {  color: #bdbdbd;  border: 1px solid #3c3c3c;}
  150.  
  151. .login__close { color: #bdbdbd;}
  152.  
  153.  
  154.  
  155. /* Giriş Penceresi Alternatif Barı */
  156.  
  157. .login__or span {    color: #bdbdbd;    border: 2px solid #3c3c3c;     background-color: #3c3c3c;}
  158.  
  159. .login__or:before {    background-color: #3c3c3c;}
  160.  
  161.  
  162.  
  163. /* Anasayfa Navbar */
  164.  
  165. .header__appbar--left__menu__list__item>a.is-active, .header__appbar--left__menu__list__item>a:hover {  box-shadow: inset 0 -2px 0 0 #000;}
  166.  
  167.  
  168.  
  169. /* Drawer */
  170.  
  171. .drawer {  background-color: #1b1b1b;}
  172.  
  173. .drawer__menu__item__title { color: #bdbdbd;}
  174.  
  175. .drawer__menu__item--active a, .drawer__menu__item:hover a { background-color: #000;}
  176.  
  177. .drawer__header {  border-bottom: 1px solid #707577;}
  178.  
  179. .drawer__menu__item--border {  border-top: 1px solid #707577;}
  180.  
  181. .drawer__social {  border-top: 1px solid #707577;}
  182.  
  183.  
  184.  
  185. /* Enler Sayfaları */
  186.  
  187. .content-mosts__item__link {  color: #bdbdbd;}
  188.  
  189. .content-mosts--watched .content-mosts__item:before {  background: #f85139!important;}
  190.  
  191. .content-mosts--shared .content-mosts__item:before {  background: #f85139!important;}
  192.  
  193. .content-mosts--readed .content-mosts__item:before {  background: #f85139!important;}
  194.  
  195. .content-mosts__navigation__tab.is-active {  color: #f85039;}
  196.  
  197. .content-mosts__navigation__tab.is-active:after {   background-color: #f85039!important;}
  198.  
  199.  
  200.  
  201. /* Hakkımızda Sayfası */
  202.  
  203. .info-sidebar__item.is-active {  background: #0a0a0a;}
  204.  
  205. .info-sidebar__item.is-active a, .info-sidebar__item:hover a { color: #bdbdbd;}
  206.  
  207.  
  208.  
  209. /* Ödüllerimiz */
  210.  
  211. .content-card {  background-color: #000;}
  212.  
  213.  
  214.  
  215. /* Künye */
  216.  
  217. .copyright--row a { color: #bdbdbd!important;}
  218.  
  219. .copyright--row { border-bottom: 1px solid #707577;}
  220.  
  221. .copyright--row__text {  color: #bdbdbd;}
  222.  
  223.  
  224.  
  225. /* İletişim */
  226.  
  227. .material .material-input input, .material .material-input textarea {  border-bottom: 1px solid #0a0a0a; background-color: #0a0a0a;}
  228.  
  229. .material .material-input label { color: #bdbdbd;}
  230.  
  231. .material .material-select>label { color: #bdbdbd;  border-bottom: 1px solid #707577;}
  232.  
  233. .material .material-select ul {   background-color: #000;    box-shadow: 0 2px 2px #f74f38d1;}
  234.  
  235. .material .material-select ul li label {  color: #bdbdbd;}
  236.  
  237. .material .material-select ul li label:hover { background-color: #232323;}
  238.  
  239. .material-button {  color: #fa543a;}
  240.  
  241. .material-shadow--2dp {    box-shadow: 0 2px 2px 0 #00000024, 0 3px 1px -2px #00000033, 0 1px 5px 0 #f74f38d1;}
  242.  
  243.  
  244.  
  245. /* Çerezler Tabı */
  246.  
  247. body div.cookies[style*="position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; border-top: 1px solid #eee; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); padding: 8px; z-index: 99999; font-size: 13px; text-align: center;"]
  248. {  position: fixed; bottom: 0; left: 0; right: 0; background-color: #222!important; border-top: 1px solid #222!important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); padding: 8px; z-index: 99999; font-size: 13px; text-align: center;color: #bdbdbd!important;}
  249.  
  250. body div.cookies div span a[style*="color: #000;"] {color: #ccc!important;}
  251.  
  252.  
  253.  
  254. /* Resim Altı Background */
  255.  
  256. .content-timeline__media--inset {  background-color: #1b1b1b;}
  257.  
  258.  
  259.  
  260. /* Emoji Listesi */
  261.  
  262. .content-smile__list {    background-color: #0c0c0c;}
  263.  
  264.  
  265.  
  266. /* Sıralama Numaraları Kenarlık */
  267.  
  268. .sidebar-mosts__item:before {   border: 3px solid #1b1b1b;}
  269.  
  270.  
  271.  
  272. /* Sıralama Numaraları Zemini */
  273.  
  274. .sidebar-mosts--readed .sidebar-mosts__item--1:before {    background: #e62f2f!important;}
  275.  
  276. .sidebar-mosts--readed .sidebar-mosts__item--2:before {    background: #e62f2f!important;}
  277.  
  278. .sidebar-mosts--readed .sidebar-mosts__item--3:before {    background: #e62f2f!important;}
  279.  
  280. .sidebar-mosts--readed .sidebar-mosts__item--4:before {    background: #e62f2f!important;}
  281.  
  282. .sidebar-mosts--readed .sidebar-mosts__item--5:before {    background: #e62f2f!important;}
  283.  
  284. .sidebar-mosts--readed li:before {    background: #e62f2f!important;}
  285.  
  286.  
  287.  
  288. /* Facebook Paylaşma Butonu Ara Çizgi */
  289.  
  290. .content-share__item.facebook-save {   border-top: 1px solid #1b1b1b;}
  291.  
  292.  
  293.  
  294.  
  295.  
  296. `
  297.  
  298.     GM_addStyle( styles );
  299.  
  300.  
  301.  
  302.     })();