☰

GitHub Repo View Tweaks

Makes the GitHub repo redesign look less bad by reducing padding. Also adds back separators to the file list.

  1. /* ==UserStyle==
  2. @name         GitHub Repo View Tweaks
  3. @version      1.0.5
  4. @description  Makes the GitHub repo redesign look less bad by reducing padding. Also adds back separators to the file list.
  5. @author       udf (https://github.com/udf)
  6. @namespace    https://udf.github.io
  7. ==/UserStyle== */
  8.  
  9. @document domain("github.com") {
  10.     /* Header bottom padding */
  11.     .pagehead {
  12.         margin-bottom: 16px !important;
  13.     }
  14.  
  15.     /* Navigation tabs */
  16.     .UnderlineNav-item {
  17.         padding: 4px 16px;
  18.     }
  19.  
  20.     .Box-header {
  21.         padding: 8px 16px;
  22.     }
  23.  
  24.     /* File view header */
  25.     .Box-header.py-2 {
  26.         padding: 6px 16px !important;
  27.     }
  28.  
  29.     .Box-body {
  30.         padding: 8px 16px;
  31.     }
  32.     
  33.     /* Make links to files in list blue */
  34.     .Box-row .link-gray-dark {
  35.         color: #0366d6 !important;
  36.     }
  37.  
  38.     /* Add back file list separators */
  39.     .Box-row + .Box-row {
  40.         border-top: 1px solid #eaecef !important;
  41.     }
  42.  
  43.     /* Fix list icon right padding */
  44.     .Box-row > div:first-child {
  45.         margin-right: 6px !important;
  46.     }
  47. }