☰

iCloud customizations

Customizations for iCloud website.

安装为用户样式?
作者推荐脚本

您可能也喜欢iCloud favicons。

安装此脚本 
  1. /* ==UserStyle==
  2. @name           iCloud customizations
  3. @version        1.0.8
  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 url("https://www.icloud.com/") {
  41.     /* Versions */
  42.     :root {
  43.         --themeversion: 'Theme v1.0.8 by BreatFR (https://breat.fr)';
  44.         --install1: ' usercssjs.breat.fr ';
  45.         --install2: ' gitlab.com/breatfr/icloud ';
  46.         --space: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0';
  47.         --support1: ' ko-fi.com/breatfr ';
  48.         --support2: ' paypal.me/breat ';
  49.     }
  50.  
  51.     @media screen and (min-width: 900px) {
  52.         body::after {
  53.             background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
  54.             -webkit-background-clip: text;
  55.             -moz-background-clip: text;
  56.             background-clip: text;
  57.             color: transparent;
  58.             content: var(--themeversion) '\A''Install: ' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAARxSURBVDhPvZR5TJNnGMAfBIUFzLSctqWUlqPcCBlQjhpdkGvNWCY2rQfKBihImMc4VgUhoIM4mG5z7MicCROZbBBxICAUHEeG6IRF2nKUwteDclhbbkq/7gO+ZRoy+W+/5P3n+Z7n9z7fm+d94X/DALDF0PC7v7alJVlVW1sir668qaiqKFf8cufG+G+1l2eaW+PQm02WePrrUd6uYg+WlTUKs8+phfHv6QdimLqhUM/FIZb74lC496IolqV/lnp0pb+0QDhaXs7ByzZi6OnZ+qiwuPhx8lH9ANNxQUUHZMEZBlZ2gkhvASJ0OwhRJxDqyCCaMYEhCflNbRf3gK4vvygWV7xKY3o6vzuGaVC7whjqDv3YEi8zYHiFZCTWO2BSexAvEWEYJWByG2y5Qr+UbKJ9wIsVoFcHTHHNOoLMy9R7rEBE4wZy1AdEiJ+16s9w5mQHlzvax96NoG4gHN1PHG2L440P+Lso9V4gxroVrZBhpJXpMdKUVULDVet8eTg+spNmrUEdYLg9xHPqAfdQzdOkU5zmD1J5ze5UGeoCIx0hNElXYub7dfG87yTMHeN4p5KW3TTJT8nnnXHVOmU8nle1K1VVz3CYv8s5xEcj09Z+ITc0NLbDbrsatYexGh/HHjAYjK6FR+3rtCdMoX4gXvABeSXTtVOQ8rPFmugfsDExqotmp/0aw87GQ2vkOzsX9TuaaGYtYfw6zbFyNZbFYKR07TLTYkLhE5KZ5ovAwItryZthyBWYXCJZNmqdQPXMHKay7IgXIgFM+XZWLZP0LRMaF0CuUym9d48kUfCS15PkyWR8bWOGoCQY7qMTFDnRUcIcdkx3vRdRPesMkm/td4xVRLHfwdM350MqPbHBynQOJYJwwnvrqJxhp5Z5kTQ62rZhhGwuLwgJkOeG7Q3G0zengE69I7cxfq61haEffN2U9TTKOGIHMpSCDbitkXjQ1/ZFiYeH7IJfqD9e8t9c2sN2qmBQEJQM0j8YhIkq9oFT7UeOcW7v3dfZ7USa1lOwOcQGu9/RYqk00KdGgJ03XvoqD9MKras+LY24cSzxVh9jp3re3hi5HxrcZgCD0ep3NPczQg2X+03/W+RxbDPRCg2ktX60sR8T+fQ1wcs0JSVRqnmcnvbDB/VP3g1aWLKEwTEGSXU/k9/bfKU0obeo1HU1byrjKrljD0u0bAVSFDuOR0EMpC670HtN8jIPCwvffuzrMjdnDlI9dq2wWyOeJ8KgOIym7uZEox2pJya6CvLauj6/0vQ0LEC5QoUB7KEY7ePu/6uv8JYtrvkXyfflDlJunFhnY6yYY1EV8pTjz1+wgyb0WBfLAOLpbSCTEm00w57kGS02Nqg5CKeD3WaHMrKu4YqNIB9nn1acOalEzmc0SE6e4Uj5OV+pTiTL5yNY03oXogwlvCFFbUylugCqQpMQPSPL/6RVkXDWAS/fyOpLLT543GfMPYiAh0CSks6S5+UVT/Kz702d/ah16txpgTKHX4PkXMyWhkXswtMwAP4GEl0BMY+jC7gAAAAASUVORK5CYII=") var(--install1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAvRJREFUOE+dU0lrU1EUfqhbK4rixiHvvptW+gu0TZqkrQWHhVJpKyoI4lRx3ghdOCwFrS24cwCbmKYtVelCqIorf0NBrGkSWqJkWmgb7Hvv+J37brSxg9UPDuGcb8h5Jy/Gn5hsEv3TodrNul0VZgJyC/t0uxjptvpNX1r8xUxENOvRqpAK+Vuz8JUCOzbqUTVSYauTDtZTOmL16dGqkAnLfvalIlaHHlUDgcP2vl2UDlufKRRap8crgnXwJT2fHNLj3yi0ig0gSl9b/FRoraXpsGjU1IpIhUSA9ezLRGRxEjma8pAJySPf2uqYpDl8Yuv7mloR0PWynn3KH5btmvIAYrASnMcGMHwiw1ij6SWB514L3WQO+gXBcU0bxkdD1qSDspBt9lM6JJmkXHMtJRvlbi1ZEskGa08eOtazj/2ZoMxPGHXrlaD8QBy2r0maPSlo9pRXzlmLih1iKhmQH3D7RcXzYqeYYl3Fw37OKfdah1Swk/DFKG6Rc8n06opJ7lWTqBvheMwS194FhZ7nzLOO9RWvyhn2RQ33ubnVjpozNIpvu2eSfQ510SvnsknZ/Ralm3Ae3LBS3GcPIAB8Rat88HPO/IA5bSB01I0hJApiEHVHiyDmbUpdglLB6mDuS0eF4n+Fsg9+znGQh2DfW0oIoiFsjIGqG6jz3sblMya/+FXB/GPxXG0MndJrL+dwnrqxHdvZ5SREnl5JcuIQPEWx6YJnVufgtwWh6tdHr0LB27gv69mn/AmRw7KdKpjhPtthYviGxiTRCLZ/CEM3zgHjwnOoM6DnOfOsYz374B+fQ46OrIYdN3sgcGnMIvsuNoG5fFqfg9/Xyhk4FDzrWI8z9OiI5fFjwAw6Q2KCXktybyMEd+THnwroM6DnOfNKFxMBbf07cn2yxhk2n9BLi+imoGK7oGSDVJ90C4W5MyIeu4/0v+xfYb/wnXCjokD4R6URTNexJXp71DyuJf8P9/026faJ8e/H5LyDT/fddktTy8AwfgLHRHNkJDm7EgAAAABJRU5ErkJggg==") var(--install2) var(--space) ' Support me: ' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAA2FJREFUSEu1lktIVGEYhqfIXW5ctUkDF250q4jLILLUvBSjzjh285pahoxIK3Fop0iRiWbiNRMUzcvIpI1dNkVGYBckIzTRAkVHCbOyt/f7/Y81alOgvvBw5nzf+b/3/Nc5Jq0I4iKPdpg7xEy2VCSZJtglfpBRkkm85CQoKSlBT0/PjtDf34+BgQG0trYiOzsbAQEBxkvcI/uJ0gMCt9uN3dLs7CzMZrNhPkD2ENOgBHp7e/Vj29P4+DhCQ0MRGBiIkJAQZGRkYH5+XuVSUlIM8ywxlkUAp9Opkl76+BlwjwDPXgPLKzpIjfDe+ZAuEzrwWzLEuvgH8kp+ywssLi7C4/EYw/6S/MW43QXEFwFH84BjF4CCq8CT50DZdSDmHGPpwImzwN0u3WBNg4ODhnGhFKdKCex2u8pbrVbJeSSx2XhqhqYXgcRLQPJljhGviTmMZfB6HkjNBixZgPkMYynAu/e6oZexXYprTYSFhal8ZWWl5FYkuNn4xSgQm0nDAsIep+YSGqcyZqG5hT220tR6Gog7AQwN6YZexsVSXOtpUFCQyjc0NEjuuwQfkw09ngZO0SSZvbJsNOMQW9OANCuvqUASjd++0Q29jAukOHWIeKKiolS+rKxMcl8l4Sbo6+tTiXWVcy6Pn6QB51HM0rRZmgWwaeJjAEcpsLqqGwEul8swvkVsZEzuOzo6VD4iIkJyn4jpviRk43tpaQmwF7M4e2QYGaTzBaSn+ZyCuTndYE3Dw8OGscLPzw8Oh0PlxFzHm8jaydXd3a2SXlrg/isqBBLi1swM46R4IJfTMMMp2aDl5WXU1NSgoqICTU1NmJqaUnGZAn9/fzH9QoLFuEuMOzs71QObJJtfzONjdU9pmsN5n95supXGxsaQn59v9PQbiSVKbQTt7e360S3EjY8rJcCRw0Aeh9eH6eTkJKKjoxEZGYng4GDDUBghUWRdt4k60H2KQ4iaag4v97gPyVqRemSByAnVSJLIXuKlawSNjY266fYk8yv1SLoU96UEog7w7WqV2yo8PFxMf5KDUvxfUn+NNpsNzc3NaGtrU9eWlpZ15F5OHaG+vh51dXWora1FdXU1qqqqUF5eDjkkpA65IUX/RweIfPrIUl/1gXxN/IkcfYKsVmGO3CT7iA+ZTL8ANy582NV4RdEAAAAASUVORK5CYII=") var(--support1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAslJREFUOE+Nk0tIVFEYx6WNEC1attA7znXmnHNvpjH3js7GRQ+dKDKTMgx6UOnMvaNZaRAoGD0WRTQPH6Nii6CgRa1yUUGEjo+0mTSkB7UIF0G0aFlUxNd37jmOjo7QH/6cgXu+3/leU7BSxLSvaVXnvhDTWmNqRhap2TqmVbZf1PXDm2RIrjyetkJiWJ9Z5Vmgpr2+/ZFfeOcd8YUaZeiyvKalUtP6y/yt+YNXGLNFnwfiC++U4UII2a1Vta8KiKxjG/RAB2D5T2S4ENZt8w85EMMCYoTXmKJ5NtQXfiPDhZCayEL8EbwcghLWAC5av8Yl9CCoWiOUVoU+GGnYKBEO5KmOdXII74t3+ylQvPvBReryurhoF3iabgAdmX8mET0bsJxPmpwMh3jKj0vIgbxWlCB4O+4BG54DB6H77S1Y/4+lyfBTLTu6DqQelOIacFdjb/qmgcYnBYT5wgGxH6LzvCduvRFcqyHeOlCKasClHwJy5THQgRmgsZSAYD+O6YELAsCNUylx73NeVJRaPLkxWN0L7h2tQK6OAku+QsAEkFjqj4AY1vXl8eJkfCFQgx2g1neDWtcFakMPlJ6MgrfrIdB+fJ07Og7a0ByQ6PiChNiPsplUNAMNdgMdSgMbygAb5Kf47aQfn3AArO8lbL3zFlgi1eBAqGG/zm7rttNAj9wCOjjr1Ltk1jcDrH8WtGTGCdaSaSC3xy45AN1oUbCcr8zfJiBlCGkZzoGwxBS+nvqGk1ikiekMwgZIbNLvALiYYTdhJj+zkyk/A7TzQbbz/GUSTaVd0RebPfGPhTIsV7hk90VD0TgVx5dHxQ4gRB9Z4Fn0y+v5heP9Lv7aaLMNWHUn0JvPgSYmlyGxVLu8nl/MZxnMiNTgWcsqmmvJid4I6+WbiFPg5fAxxsf3yOv/J3r3fVAfnncAvKG4TL898YlS+TmPCgr+AaBy8VrppmCMAAAAAElFTkSuQmCC") var(--support2);
  59.             display: inline-block;
  60.             font-family: SF Pro Display, Helvetica Neue, sans-serif;
  61.             font-size: 1.2rem;
  62.             left: 50%;
  63.             pointer-events: none;
  64.             position: absolute;
  65.             text-align: center;
  66.             top: 0;
  67.             transform: translate(-50%, -7%);
  68.             width: 100%;
  69.             white-space: pre-line;
  70.         }
  71.     }
  72. }
  73.  
  74. @-moz-document domain("icloud.com") {
  75.     /* iCloud */
  76.     if hidebanner {
  77.         .banner-content {
  78.             display: none !important;
  79.             height: 0;
  80.             width: 0;
  81.         }
  82.     }
  83.     
  84.     /* Hide elements you don't use */
  85.     if hidemail {
  86.         [href="https://www.icloud.com/mail"] {
  87.             display: none !important;
  88.             height: 0;
  89.             width: 0;
  90.         }
  91.     }
  92.     if hidecontacts {
  93.         [href="https://www.icloud.com/contacts"] {
  94.             display: none !important;
  95.             height: 0;
  96.             width: 0;
  97.         }
  98.     }
  99.     if hidecalendar {
  100.         [href="https://www.icloud.com/calendar"] {
  101.             display: none !important;
  102.             height: 0;
  103.             width: 0;
  104.         }
  105.     }
  106.     if hidephotos {
  107.         [href="https://www.icloud.com/photos"] {
  108.             display: none !important;
  109.             height: 0;
  110.             width: 0;
  111.         }
  112.     }
  113.     if hidedrive {
  114.         [href="https://www.icloud.com/iclouddrive"] {
  115.             display: none !important;
  116.             height: 0;
  117.             width: 0;
  118.         }
  119.     }
  120.     if hidenotes {
  121.         [href="https://www.icloud.com/notes"] {
  122.             display: none !important;
  123.             height: 0;
  124.             width: 0;
  125.         }
  126.     }
  127.     if hidereminders {
  128.         [href="https://www.icloud.com/reminders"] {
  129.             display: none !important;
  130.             height: 0;
  131.             width: 0;
  132.         }
  133.     }
  134.     if hidepages {
  135.         [href="https://www.icloud.com/pages"] {
  136.             display: none !important;
  137.             height: 0;
  138.             width: 0;
  139.         }
  140.     }
  141.     if hidenumbers {
  142.         [href="https://www.icloud.com/numbers"] {
  143.             display: none !important;
  144.             height: 0;
  145.             width: 0;
  146.         }
  147.     }
  148.     if hidekeynote {
  149.         [href="https://www.icloud.com/keynote"] {
  150.             display: none !important;
  151.             height: 0;
  152.             width: 0;
  153.         }
  154.     }
  155.     if hidefind {
  156.         [href="https://www.icloud.com/find"] {
  157.             display: none !important;
  158.             height: 0;
  159.             width: 0;
  160.         }
  161.     }
  162.     
  163.     [dir=ltr] .navigation-drawer {
  164.         padding: 20px;
  165.     }
  166.     [dir=ltr] .home-page .application-content .tile-grid.lg {
  167.         padding-bottom: 40px;
  168.     }
  169.     
  170.     [dir=ltr] .home-page .announcement-content .announcement-container.lg {
  171.         min-width: 1035px;
  172.     }
  173.     [dir=ltr] .home-page .announcement-content .announcement-container.lg > .content {
  174.         margin: 0 auto;
  175.     }
  176.     
  177.     /* If scripts to add icons */
  178.     body:has(a[href="https://beta.maps.apple.com/"]),
  179.     body:has(a[href="https://tv.apple.com/"]),
  180.     body:has(a[href="https://music.apple.com/"]) {
  181.         .app-library.large {
  182.             height: auto;
  183.         }
  184.         .app-library.large .app-icon-container {
  185.             align-items: center;
  186.             display: flex;
  187.             flex-flow: wrap;
  188.             justify-content: space-between;
  189.         }
  190.         .announcement-content {
  191.             margin: 140px auto 40px auto;
  192.         }
  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. }