☰

Listography Tweaks

Tweaks for listography.com

  1. /* ==UserStyle==
  2. @name           Listography Tweaks
  3. @description    Tweaks for listography.com
  4. @author         petracoding
  5. @license        MIT
  6. @homepageURL    https://petracoding.github.io/
  7. @supportURL     https://petracoding.github.io/
  8. @version        1.0.0
  9.  
  10. @namespace      petracoding
  11. @preprocessor   stylus
  12.  
  13. @var checkbox   broaderLists "Broader Lists on Detail Page" 1
  14. @var color      textColor  "Main Text Color" #333333
  15. @var color      textColor2  "Secondary Text Color" #777777
  16. @var color      linkColor  "Link Color" #0055aa
  17. @var checkbox   darkMode "Dark Mode" 0
  18.  
  19. ==/UserStyle== */
  20.  
  21. @-moz-document domain("listography.com") {
  22.     
  23.     body {
  24.          if darkMode {
  25.              color: #ccc;
  26.          } else {
  27.               color: textColor;
  28.          }
  29.     }
  30.     
  31.     a:link, 
  32.     a:visited {
  33.       color: linkColor;
  34.     }
  35.  
  36.     div.user-box table.main td.left div.title span.title a:link, div.user-box table.main td.left div.title span.title a:visited,
  37.     div.user-box table.main td.middle div.header span.title, 
  38.     .box-title a, .box-title a:visited, .box-subtitle,
  39.     div.list_index div.body h2 a {
  40.         if darkMode {
  41.              color: #ccc;
  42.         } else {
  43.               color: textColor;
  44.         }
  45.     }
  46.     
  47.     div.global-menu a,
  48.     .list-color-number-11,
  49.     div.global-menu a:visited,
  50.     .backup-button,
  51.     div.list_index div.body div.list .date,
  52.     div.list_index div.header div.create a,
  53.     div.list_index div.header div.view_select a {
  54.         if darkMode {
  55.              color: #bbb;
  56.         } else {
  57.               color: textColor2;
  58.         }
  59.     }
  60.  
  61.     if broaderLists {
  62.         body.list div.center_container {
  63.             width: 900px;
  64.             max-width: 100%;
  65.         }
  66.     }
  67.  
  68.     if darkMode {
  69.         div.user-box,
  70.         div.user-box table.menu td.search input,
  71.         .listbox-color-11,
  72.         .list-title-box-color-11,
  73.         .settings-main,
  74.         .page-footer,
  75.         div.list_index {
  76.             background: black;
  77.         }
  78.         
  79.         div.user-box table.menu td.selected,
  80.         div.list_index div.body div.category a.selected {
  81.             background: #112246;
  82.         }
  83.     }
  84.  
  85. }
  86.