☰

Styles for Markdown Viewer

Cool CSS for Markdown Viewer

  1. // ==UserScript==
  2. // @name         Styles for Markdown Viewer
  3. // @namespace    muvsado
  4. // @version      0.2.11
  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.         font-family: sans-serif;
  16.     }
  17.  
  18.     p {
  19.         margin: 15px 0;
  20.     }
  21.  
  22.     a {
  23.         border-bottom: 1px dotted;
  24.         text-decoration: none;
  25.     }
  26.  
  27.     h1, h2, h3 {
  28.         margin: 16px 0 12px;
  29.     }
  30.  
  31.     h1 {
  32.         font-size: 1.5rem;
  33.     }
  34.  
  35.     h2 {
  36.         font-size: 1.25rem;
  37.     }
  38.  
  39.     h3 {
  40.         font-size: 1.1rem;
  41.     }
  42.  
  43.     ul, ol {
  44.         padding-left: 36px;
  45.     }
  46.  
  47.     li {
  48.         margin: 3px 0;
  49.     }
  50.  
  51.     pre, code {
  52.         background-color: #e0e0e0;
  53.         font-size: 14px;
  54.     }
  55.  
  56.     pre {
  57.         border: 2px dotted #888;
  58.         overflow-x: auto;
  59.         padding: 3px;
  60.     }
  61.  
  62.     table {
  63.         border-collapse: collapse;
  64.     }
  65.  
  66.     table td, th {
  67.         border: 1px solid #cccccc;
  68.         padding: 5px 7px;
  69.     }
  70. `);