☰

Styles for Markdown Viewer

Cool CSS for Markdown Viewer

当前为 2024-07-14 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Styles for Markdown Viewer
  3. // @namespace    muvsado
  4. // @version      0.2.10
  5. // @description  Cool CSS for Markdown Viewer
  6. // @match        file:///*.md
  7. // @match        file:///*.markdown
  8. // @grant        GM_addStyle
  9. // @run-at       document-start
  10. // @license      Public Domain
  11. // ==/UserScript==
  12.  
  13. GM_addStyle(`
  14.     body {
  15.         color: #222222;
  16.         font-family: sans-serif;
  17.     }
  18.  
  19.     p {
  20.         margin: 15px 0;
  21.     }
  22.  
  23.     h1, h2, h3 {
  24.         margin: 16px 0 12px;
  25.     }
  26.  
  27.     h1 {
  28.         font-size: 1.5rem;
  29.     }
  30.  
  31.     h2 {
  32.         font-size: 1.25rem;
  33.     }
  34.  
  35.     h3 {
  36.         font-size: 1.1rem;
  37.     }
  38.  
  39.     ul, ol {
  40.         padding-left: 36px;
  41.     }
  42.  
  43.     li {
  44.         margin: 3px 0;
  45.     }
  46.  
  47.     pre, code {
  48.         background-color: #e0e0e0;
  49.         font-size: 14px;
  50.     }
  51.  
  52.     pre {
  53.         border: 2px dotted #888;
  54.         overflow-x: auto;
  55.         padding: 3px;
  56.     }
  57.  
  58.     table {
  59.         border-collapse: collapse;
  60.     }
  61.  
  62.     table td, th {
  63.         border: 1px solid #cccccc;
  64.         padding: 5px 7px;
  65.     }
  66.  
  67.     a {
  68.         border-bottom: 1px dotted;
  69.         text-decoration: none;
  70.     }
  71. `);