☰

iCloud customizations

Customizations for iCloud website.

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

  1. /* ==UserStyle==
  2. @name           iCloud customizations
  3. @version        1.0.4
  4. @description    Customizations for iCloud website.
  5. @author         BreatFR (https://breat.fr)
  6. @namespace      https://gitlab.com/breatfr
  7. @homepageURL    https://gitlab.com/breatfr/icloud
  8. @supportURL     https://discord.gg/Q8KSHzdBxs
  9. @license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
  10. @preprocessor   stylus
  11.  
  12.  
  13. @var    checkbox    hidebanner          "Hide banner"                   1
  14. @var    checkbox    hidemail            "Hide mail"                     0
  15. @var    checkbox    hidecontacts        "Hide contacts"                 0
  16. @var    checkbox    hidecalendar        "Hide calendar"                 0
  17. @var    checkbox    hidephotos          "Hide photos"                   0
  18. @var    checkbox    hidedrive           "Hide drive"                    0
  19. @var    checkbox    hidenotes           "Hide notes"                    0
  20. @var    checkbox    hidereminders       "Hide reminders"                0
  21. @var    checkbox    hidepages           "Hide pages"                    0 
  22. @var    checkbox    hidenumbers         "Hide numbers"                  0
  23. @var    checkbox    hidekeynote         "Hide keynote"                  0
  24. @var    checkbox    hidefind            "Hide find"                     0
  25. @var    checkbox    biggertextevents    "Bigger text in events"         1
  26. @var    text        fontsize            "Font size"                     1rem
  27. @var    checkbox    hidecalendarsidebar "Hide calendar sidebar"         0
  28. @var    checkbox    monthyearright      "Set month and year on right"   0
  29. ==/UserStyle== */
  30.  
  31. /* === Credits ===
  32. Website         https://breat.fr
  33. facebook        https://www.facebook.com/breatfroff
  34. mastodon        https://mastodon.social/@breat_fr
  35. telegram        https://t.me/breatfr
  36. vk              https://vk.com/breatfroff
  37. X (twitter)     https://x.com/breatfroff
  38. === Credits === */
  39.  
  40. @-moz-document domain("icloud.com") {
  41.     /* iCloud */
  42.     if hidebanner {
  43.         .banner-content {
  44.             display: none !important;
  45.             height: 0;
  46.             width: 0;
  47.         }
  48.     }
  49.     
  50.     /* Hide elements you don't use */
  51.     if hidemail {
  52.         [href="https://www.icloud.com/mail"] {
  53.             display: none !important;
  54.             height: 0;
  55.             width: 0;
  56.         }
  57.     }
  58.     if hidecontacts {
  59.         [href="https://www.icloud.com/contacts"] {
  60.             display: none !important;
  61.             height: 0;
  62.             width: 0;
  63.         }
  64.     }
  65.     if hidecalendar {
  66.         [href="https://www.icloud.com/calendar"] {
  67.             display: none !important;
  68.             height: 0;
  69.             width: 0;
  70.         }
  71.     }
  72.     if hidephotos {
  73.         [href="https://www.icloud.com/photos"] {
  74.             display: none !important;
  75.             height: 0;
  76.             width: 0;
  77.         }
  78.     }
  79.     if hidedrive {
  80.         [href="https://www.icloud.com/iclouddrive"] {
  81.             display: none !important;
  82.             height: 0;
  83.             width: 0;
  84.         }
  85.     }
  86.     if hidenotes {
  87.         [href="https://www.icloud.com/notes"] {
  88.             display: none !important;
  89.             height: 0;
  90.             width: 0;
  91.         }
  92.     }
  93.     if hidereminders {
  94.         [href="https://www.icloud.com/reminders"] {
  95.             display: none !important;
  96.             height: 0;
  97.             width: 0;
  98.         }
  99.     }
  100.     if hidepages {
  101.         [href="https://www.icloud.com/pages"] {
  102.             display: none !important;
  103.             height: 0;
  104.             width: 0;
  105.         }
  106.     }
  107.     if hidenumbers {
  108.         [href="https://www.icloud.com/numbers"] {
  109.             display: none !important;
  110.             height: 0;
  111.             width: 0;
  112.         }
  113.     }
  114.     if hidekeynote {
  115.         [href="https://www.icloud.com/keynote"] {
  116.             display: none !important;
  117.             height: 0;
  118.             width: 0;
  119.         }
  120.     }
  121.     if hidefind {
  122.         [href="https://www.icloud.com/find"] {
  123.             display: none !important;
  124.             height: 0;
  125.             width: 0;
  126.         }
  127.     }
  128.     
  129.     [dir=ltr] .navigation-drawer {
  130.         padding: 45px 20px;
  131.     }
  132.     [dir=ltr] .home-page .application-content .tile-grid.lg {
  133.         padding-bottom: 40px;
  134.     }
  135. }
  136.  
  137. @-moz-document url-prefix("https://www.icloud.com/applications/calendar/") {
  138.     /* Calendar */
  139.     if hidecalendarsidebar {
  140.         ui-split[style="width: 250px;"],
  141.         ui-split-divider[style="left: 250px;"] {
  142.             display: none;
  143.             width: 0;
  144.         }
  145.     }
  146.     
  147.     if biggertextevents {
  148.         .event-button * {
  149.             font-size: fontsize;
  150.             line-height: 1.5;
  151.         }
  152.         .col-color,
  153.         .event-button svg {
  154.             height: fontsize !important;
  155.             width: fontsize !important;
  156.         }
  157.     }
  158.     
  159.     /* Today */
  160.     .css-107fxrr > span,
  161.     .css-8ts4xs,
  162.     .css-6k0qnq {
  163.         color: var(--theme-color-systemWhite);
  164.     }
  165.     
  166.     /* Birthday better view */
  167.     .event-button:has(.birthday) {
  168.         background-color: transparent;
  169.     }
  170.     .birthday > div {
  171.         color: var(--theme-color-systemRed);
  172.         fill: var(--theme-color-systemRed);
  173.     }
  174.  
  175.     /* Set month and year on right */
  176.     if monthyearright {
  177.         .css-10udamb {
  178.             order: 3;
  179.         }
  180.         .css-1yaufk0 {
  181.             color: var(--theme-color-systemRed);
  182.         }
  183.         .css-xcsuj9 {
  184.             margin-inline-start: auto;
  185.         }
  186.         .css-t7kvo9 {
  187.             order: 2;
  188.         }
  189.         .css-iwyx1e {
  190.             flex-direction: row-reverse;
  191.             justify-content: flex-start;
  192.             order: 1;
  193.         }
  194.     }
  195.     
  196.     /* ========================
  197.         Day view
  198.     ======================== */
  199.     /* No more space around day table */
  200.     .css-6ub2mo {
  201.         padding: 0;
  202.     }
  203.     
  204.     if biggertextevents {
  205.         .css-1b9imfs {
  206.             grid-auto-rows: auto;
  207.         }
  208.         .css-oyl8cq {
  209.             height: max-content;
  210.         }
  211.     }
  212.     
  213.     /* ========================
  214.         Week view
  215.     ======================== */
  216.     /* No more space around week table */
  217.     .css-bhx65h {
  218.         padding: 0;
  219.     }
  220.     
  221.     if biggertextevents {
  222.         .css-12eikme {
  223.             align-self: center;
  224.         }
  225.         .css-5ve0cs {
  226.             height: max-content;
  227.         }
  228.         .css-1h98574 {
  229.             grid-auto-rows: auto;
  230.         }
  231.     }
  232.     
  233.     /* Days label */
  234.     .week-daylabel {
  235.         justify-content: center;
  236.     }
  237.     .css-1ttvfef  {
  238.         color: var(--theme-color-systemWhite);
  239.     }
  240.     .css-8ts4xs + .css-1ttvfef  {
  241.         color: var(--theme-color-systemRed);
  242.     }
  243.  
  244.     /* ========================
  245.         Month view
  246.     ======================== */
  247.     /* No more space around month table */
  248.     .css-6mc1rx {
  249.         padding: 0;
  250.     }
  251.     
  252.     if biggertextevents {
  253.         .css-6310j7 {
  254.             height: auto;
  255.         }    
  256.         .css-1opsrsm {
  257.             grid-auto-rows: auto;
  258.         }
  259.         .css-6pogpz {
  260.             white-space: wrap;
  261.         }
  262.     }
  263.     
  264.     /* Passed days */
  265.     .css-swsj24 {
  266.         color: var(--theme-color-labelTertiary)
  267.     }
  268.     
  269.     /* Day focused */
  270.     .month-view-day-cell:focus {
  271.         background: rgba(255, 255, 255, 0.2);
  272.     }
  273.     
  274.     /* Days label */
  275.     .n-grid-col > span {
  276.         display: flex;
  277.         justify-self: center;
  278.         padding-inline-start: 0;
  279.     }
  280.     .css-1fdlgye {
  281.         color: var(--theme-color-systemWhite);
  282.     }
  283. }