☰

Prettify PTT

Makes PTT easier on the eyes.

目前为 2023-05-09 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Prettify PTT
  3. // @version      0.1
  4. // @description  Makes PTT easier on the eyes.
  5. // @author       ElectroKnight22
  6. // @match        *://www.ptt.cc/*
  7. // @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABx0lEQVR4AXWSgWdCURTGT3lDs2GYYcQYMdAA2VjY9GdUGixSIIQABIFqA7EMlgAYTG0RISkDCg00JrChV3Xfa9+9vTNPXoef797X/e4553RdvVyOzPmcjMWCTGDM535oDPsbqA97gg6wfzWXyzLWfXVuuSQTuDrZLF/gwQ/30Ij9QlYc5v0j1nGgA3KL6ZSErnugdRCx9mQAVmM2U2sBxToC6sADSDNgwK0F3B7YzMqlcgU2AqBgCnHreo9G/TD07MbrapV29vfJHt/tNnUyGfodjQhGWuEi6LlsISmrgKpyJU5xFAhQsFKRQ7YPPelGb5fC3ieg1YpktFMpej49pVY8rvZ7Xi8dnJ1JM7dypSGj9/+DpWs7qTUuVsqhTybrM4YhOdaQ0W5WcAUXpZKC46vRoJ/hkM0kw40MY6B6Y5ziI5+nl1CIVkKwWcZYg7mJrCecXU6YK3gLh+mzViPTyijZiKYbj6O4rQKZTfVr9ewQRQ1/SVe9cSFiQJp4iMokv22JMuhqyCgPJWD0odRLKD0dHhLW3IpTtEBCDdF6EDqebBCaRjU6z8EhdJAGQWtNrvLuLg+Is/rw/Q5cAb9l7IMmeAADssUfe8oQdrIClQUAAAAASUVORK5CYII=
  8. // @grant        GM_addStyle
  9. // @run-at       document-start
  10. // @license      MIT
  11. // @namespace    https://www.ptt.cc/
  12. // ==/UserScript==
  13.  
  14. GM_addStyle ( `
  15. #topbar-container {
  16.     background-color: #2277dd;
  17. }
  18.  
  19. #topbar a:link, #topbar a:visited, #topbar a:hover {
  20.     color: #eee;
  21. }
  22.  
  23. #logo:link, #logo:visited, #logo:hover {
  24.     text-decoration: none;
  25.     color: #eee;
  26. }
  27.  
  28. #action-bar-container {
  29.     background-color: transparent;
  30. }
  31.  
  32. body {
  33.     background-color: #030303;
  34. }
  35.  
  36. .article-meta-tag {
  37.     padding: 0;
  38.     background-color: transparent;
  39.     color: #666;
  40. }
  41.  
  42. .article-metaline-right {
  43.     visibility: hidden;
  44. }
  45.  
  46. .article-meta-value {
  47.     color: #d88;
  48.     background-color: transparent;
  49. }
  50.  
  51. .article-metaline {
  52.     color: #ddd;
  53.     background-color: transparent;
  54. }
  55.  
  56. .richcontent {
  57.     width: fit-content;
  58.     margin: 1em;
  59. }
  60.  
  61. .bbs-screen {
  62.     color: #bebebe;
  63.     background-color: #1a1a1b;
  64.     /* changing line height breaks arts */
  65.     /* line-height: 1.4; */
  66.     padding: 1em;
  67.     margin: 1.8em auto;
  68.     border-radius: 10px;
  69. }
  70.  
  71. .f2 {
  72.     color: #4c4;
  73. }
  74.  
  75. .hl.f3 {
  76.     color: #da5;
  77. }
  78.  
  79. .f3 {
  80.     color: #b85;
  81. }
  82.  
  83. #navigation a:link, #navigation a:visited {
  84.     color: #cdcdcd;
  85. }
  86.  
  87. #navigation-container {
  88.     background-color: #383838;
  89. }
  90.  
  91. #navigation a:hover {
  92.     color: #eee;
  93.     background-color: #4b4b4b;
  94.     text-decoration: none;
  95. }
  96. a:hover {
  97.     color: #eee;
  98.     background-color: #4b4b4b;
  99. }
  100.  
  101. #article-polling {
  102.     width: -moz-fit-content;
  103.     width: fit-content;
  104.     background-color: transparent;
  105.     min-width: 0;
  106. }
  107.  
  108. ` );
  109.  
  110.  
  111.  
  112.  
  113. // only starts after website has finish loading
  114. window.addEventListener('load', function() {
  115.     'use strict';
  116.  
  117.     var author = document.getElementsByClassName('article-metaline')[0];
  118.     var title = document.getElementsByClassName('article-metaline')[1];
  119.     var time = document.getElementsByClassName('article-metaline')[2];
  120.  
  121.     var titleClone = title.cloneNode(true);
  122.  
  123.     title.style.backgroundColor = "red";
  124.     title.parentNode.insertBefore(titleClone, author);
  125.     title.parentNode.removeChild(title);
  126. })();