☰

iCloud customizations

Customizations for iCloud website.

目前為 2024-12-22 提交的版本，檢視 最新版本。

  1. /* ==UserStyle==
  2. @name           iCloud customizations
  3. @version        1.0.7
  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. @var    checkbox    hidebanner          "Hide banner"                   1
  13. @var    checkbox    hidemail            "Hide mail"                     0
  14. @var    checkbox    hidecontacts        "Hide contacts"                 0
  15. @var    checkbox    hidecalendar        "Hide calendar"                 0
  16. @var    checkbox    hidephotos          "Hide photos"                   0
  17. @var    checkbox    hidedrive           "Hide drive"                    0
  18. @var    checkbox    hidenotes           "Hide notes"                    0
  19. @var    checkbox    hidereminders       "Hide reminders"                0
  20. @var    checkbox    hidepages           "Hide pages"                    0 
  21. @var    checkbox    hidenumbers         "Hide numbers"                  0
  22. @var    checkbox    hidekeynote         "Hide keynote"                  0
  23. @var    checkbox    hidefind            "Hide find"                     0
  24. @var    checkbox    biggertextevents    "Bigger text in events"         1
  25. @var    text        fontsize            "Font size"                     1rem
  26. @var    checkbox    hideheader          "Hide calendar header"          0
  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: 20px;
  131.     }
  132.     [dir=ltr] .home-page .application-content .tile-grid.lg {
  133.         padding-bottom: 40px;
  134.     }
  135.     
  136.     [dir=ltr] .home-page .announcement-content {
  137.         padding: 40px auto;
  138.     }
  139.     [dir=ltr] .home-page .announcement-content .announcement-container.lg {
  140.         min-width: 1035px;
  141.     }
  142.     [dir=ltr] .home-page .announcement-content .announcement-container.lg > .content {
  143.         margin: 0 auto;
  144.     }
  145.     
  146.     /* If scripts to add icons */
  147.     /* On wide screen */
  148.     [dir=ltr] .home-page .application-content .tile-grid.lg:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
  149.     [dir=ltr] .home-page .application-content .tile-grid.lg:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
  150.     [dir=ltr] .home-page .application-content .tile-grid.lg:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
  151.     [dir=ltr] .home-page .application-content .tile-grid.lg:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]) {
  152.         width: calc(1035px + 75px);
  153.     }
  154.     [dir=ltr] .tile-grid .tile-grid-tile-container.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
  155.     [dir=ltr] .tile-grid .tile-grid-tile-container.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
  156.     [dir=ltr] .tile-grid .tile-grid-tile-container.large:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
  157.     [dir=ltr] .tile-grid .tile-grid-tile-container.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),    
  158.     [dir=ltr] .tile-grid .tile-grid-tile-container .tile-grid-tile-content.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
  159.     [dir=ltr] .tile-grid .tile-grid-tile-container .tile-grid-tile-content.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
  160.     [dir=ltr] .tile-grid .tile-grid-tile-container .tile-grid-tile-content.large:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
  161.     [dir=ltr] .tile-grid .tile-grid-tile-container .tile-grid-tile-content.large:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]) {
  162.         width: calc(660px + 75px);
  163.     }
  164.     .app-library.large .app-icon-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
  165.     .app-library.large .app-icon-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
  166.     .app-library.large .app-icon-container:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
  167.     .app-library.large .app-icon-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]) {
  168.         grid-template-columns: repeat(7, 1fr);
  169.     }
  170.     
  171.     /* On small screen */
  172.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .app-library img {
  173.         height: 56px !important;
  174.         width: 56px !important;
  175.     }
  176.     [dir=ltr] .tile-grid .tile-grid-tile-container.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
  177.     [dir=ltr] .tile-grid .tile-grid-tile-container.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
  178.     [dir=ltr] .tile-grid .tile-grid-tile-container.small:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
  179.     [dir=ltr] .tile-grid .tile-grid-tile-container.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
  180.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-grid-tile-content.cell.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
  181.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-grid-tile-content.cell.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
  182.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-grid-tile-content.cell.small:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
  183.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-grid-tile-content.cell.small:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
  184.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
  185.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
  186.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-container:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
  187.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .tile-container:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
  188.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .app-library:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]),
  189.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .app-library:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://music.apple.com/"]),
  190.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .app-library:has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]),
  191.     [dir=ltr] .tile-grid .tile-grid-tile-container.small .app-library:has(a[href="https://beta.maps.apple.com/"]):has(a[href="https://tv.apple.com/"]):has(a[href="https://music.apple.com/"]) {
  192.         height: calc(315px + 88.39px + 10px);
  193.     }
  194. }
  195.  
  196. @-moz-document url-prefix("https://www.icloud.com/applications/calendar/") {
  197.     /* Calendar */
  198.     if hidecalendarsidebar {
  199.         ui-split[style="width: 250px;"],
  200.         ui-split-divider[style="left: 250px;"] {
  201.             display: none;
  202.             width: 0;
  203.         }
  204.     }
  205.     
  206.     if hideheader {
  207.         header {
  208.             display: none !important;
  209.             height: 0 !important;
  210.         }
  211.     }
  212.     
  213.     if biggertextevents {
  214.         .event-button * {
  215.             font-size: fontsize;
  216.             line-height: 1.5;
  217.         }
  218.         .col-color,
  219.         .event-button svg {
  220.             height: fontsize !important;
  221.             width: fontsize !important;
  222.         }
  223.     }
  224.     
  225.     /* Today */
  226.     .css-107fxrr > span,
  227.     .css-8ts4xs,
  228.     .css-6k0qnq {
  229.         color: var(--theme-color-systemWhite);
  230.     }
  231.     
  232.     /* Birthday better view */
  233.     .event-button:has(.birthday) {
  234.         background-color: transparent;
  235.     }
  236.     .birthday > div {
  237.         color: var(--theme-color-systemRed);
  238.         fill: var(--theme-color-systemRed);
  239.     }
  240.  
  241.     /* Set month and year on right */
  242.     if monthyearright {
  243.         .css-10udamb {
  244.             order: 3;
  245.         }
  246.         .css-1yaufk0 {
  247.             color: var(--theme-color-systemRed);
  248.         }
  249.         .css-xcsuj9 {
  250.             margin-inline-start: auto;
  251.         }
  252.         .css-t7kvo9 {
  253.             order: 2;
  254.         }
  255.         .css-iwyx1e {
  256.             flex-direction: row-reverse;
  257.             justify-content: flex-start;
  258.             order: 1;
  259.         }
  260.     }
  261.     
  262.     /* ========================
  263.         Day view
  264.     ======================== */
  265.     /* No more space around day table */
  266.     .css-6ub2mo {
  267.         padding: 0;
  268.     }
  269.     
  270.     if biggertextevents {
  271.         .css-1b9imfs {
  272.             grid-auto-rows: auto;
  273.         }
  274.         .css-oyl8cq {
  275.             height: max-content;
  276.         }
  277.     }
  278.     
  279.     /* ========================
  280.         Week view
  281.     ======================== */
  282.     /* No more space around week table */
  283.     .css-bhx65h {
  284.         padding: 0;
  285.     }
  286.     
  287.     if biggertextevents {
  288.         .css-12eikme {
  289.             align-self: center;
  290.         }
  291.         .css-5ve0cs {
  292.             height: max-content;
  293.         }
  294.         .css-1h98574 {
  295.             grid-auto-rows: auto;
  296.         }
  297.     }
  298.     
  299.     /* Days label */
  300.     .week-daylabel {
  301.         justify-content: center;
  302.     }
  303.     .css-1ttvfef  {
  304.         color: var(--theme-color-systemWhite);
  305.     }
  306.     .css-8ts4xs + .css-1ttvfef  {
  307.         color: var(--theme-color-systemRed);
  308.     }
  309.  
  310.     /* ========================
  311.         Month view
  312.     ======================== */
  313.     /* No more space around month table */
  314.     .css-6mc1rx {
  315.         padding: 0;
  316.     }
  317.     
  318.     if biggertextevents {
  319.         .css-6310j7 {
  320.             height: auto;
  321.         }    
  322.         .css-1opsrsm {
  323.             grid-auto-rows: auto;
  324.         }
  325.         .css-6pogpz {
  326.             white-space: wrap;
  327.         }
  328.     }
  329.     
  330.     /* Other months days */
  331.     .css-swsj24 {
  332.         color: var(--theme-color-labelTertiary)
  333.     }
  334.     
  335.     /* Day focused */
  336.     .month-view-day-cell:focus {
  337.         background: rgba(255, 255, 255, 0.2);
  338.     }
  339.     
  340.     /* Days label */
  341.     .n-grid-col > span {
  342.         display: flex;
  343.         justify-self: center;
  344.         padding-inline-start: 0;
  345.     }
  346.     .css-1fdlgye {
  347.         color: var(--theme-color-systemWhite);
  348.     }
  349. }