☰

iCloud customizations

Customizations for iCloud website.

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

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